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Node.js 是 JavaScript 程式 语言 的 开发 框架 ， 由 0.4.x 至 目前 v4.0.0 版 本 核心 上 已 
经 有 许多 爸 更 ， 当 然 目 的 只 有 一 个 就 是 让 开发 爸 得 更 简单 ， 速 度 能 兔 更 快 ， 过 是 所 
BAZAN ET, 

而 Node.js 华文 维基 平台 ， 主 力 由 Node.js 一 群 喜好 JavaScript 开发 者 共同 主笔 ， 


AMA AE, PRAM RAS AME, BARS, RASA 
开发 者 共同 学 习 、 讨 论 。 


Node.js 简介 


Node.js 是 一 个 高 效能 、 易 扩充 的 移 站 应 用 程式 开发 框架 (Web Application 
Framework)。 它 诞生 的 原因 ， 是 为 了 让 开发 者 能 久 更 容易 开发 高 延展 性 的 网 路 服 
务 ， 不 需要 烃 过 太 多 复杂 的 调 校 、 效 能 调整 及 程式 修改 ， 就 能 满足 网 路 服务 在 不 同 
发 展 阶段 对 效能 的 要 求 。 


Ryan Dahl 是 Node.js 的 催生 者 ， 目 前 任职 於 Joyent 主机 旗 管 服务 公司 。 他 开发 
Node.js 的 目的 ， 就 是 希望 能 解决 Apache TERA SES, EE (buffer) 和 系 
统 资源 会 很 快 被 耗 尽 的 问题 ， 希 望 能 建立 一 个 新 的 开发 框架 以 解决 各个 问题 。 因 此 
党 试 使 用 效能 十 分 优秀 的 V8 JavaScript Engine， 让 移 站 开发 人 员 使 用 熟悉 的 
JavaScript 语言 ， 也 能 应 用 於 兵 端 服 务 程式 的 开发 ， 剖 且 具 有 出 色 的 执行 效能 。 


JavaScript 是 功能 强大 的 物件 导向 程式 语言 ， 但 是 在 JavaScript 的 官方 规格 中 ， 主 
TEERAA (以 浏览 器 为 基础 ) 应 用 程式 需要 的 应 用 程式 介面 (API)， 对 应 用 和 范围 

AMAR. FE JavaScript 8E 91 BS RASER, CommonJS HEIHE Z5 EI I 
Œ (standard library), få JavaScript FINE FHSBI&IBE 4441 Ruby. Python 及 Java 等 
s&mliEBE, BAER AA CommonJS ÆR (compliant) JavaScript 执行 环境 
中 ， 使 程式 码 具 有 可 揣 性 。 


浏览 器 的 JavaScript 与 实现 CommonJS 规范 的 Node.js 有 何不 同 呢 ? 浏览 器 的 
JavaScript 提供 XMLHttpRequest ， 让 程式 可 以 和 秽 真 伺服 器 建立 资料 传输 连 各 ， 
但 和 通常 只 能 通用 於 移 站 开发 的 需求 ， 因 为 我 们 只 能 用 XMLHttpRequest iA fs] 
服 器 通讯 ， 伞 无 法 利用 它 建 立 其 他 类 型 如 Telnet / FTP / NTP 的 伺服 器 通讯 。 如 果 
我 们 想 开 发 移 路 服务 程式 ， 例 如 SMTP 电子 邮件 伺服 器 ， 就 必须 使 用 Sockets 建 
X TCP ( 某 些 服务 则 用 UDP) 监 匠 及 连 线 ， 其 他 程式 语言 如 PHP. Java, 
Python, Perl 及 Ruby 等 ， 在 标准 开发 环境 中 此 有 提供 Sockets API ， 而 浏览 器 
的 JavaScript BRAS RAT HU Eat RNS SR, WAR Sockets WARE 
式 库 之 中 。 而 CommonJS Maisie I SE ERNA EDENS, Si 
CommonJS 规范 的 Node.js 可 以 直接 使 用 Sockets API 建立 各 种 网 路 服务 程式 ， 
HÅ HÆRS FIF ER JavaScript 开发 符合 Node.js 的 外 持 模 组 (Module). 


开发 人 员 所 编写 出 来 的 JavaScript mr FEI, E HE RIBE S LE hse S SHANE 
程式 还 要 快 上 许多 呢 DLBUBSASER Te x LES ze S SR FH REIR BST (connection) 都 
bd ec ET (thread), E EARRA S KAKE RANE, WESS 

^E BA (block). 


Node.js 对 於 资源 的 调配 有 所 不 同 ， 当 程式 接收 到 一 笔 过 和 线 (connection), S040 
作业 系统 透 过 epoll, kqueue, /dev/poll 或 select BMRB, WEA heap 中 配 
iB, TE MAR (sleep) 状态 ， 当 系统 通知 时 才 会 触发 连 线 的 callback, js 
7S BRA TR SERIER, UIS ERE CPU E. ^ EATER 
JavaScript 语言 的 特性 ， 每 个 request 都 会 有 一 个 callback， 如 此 可 以 避免 发 生 
block。 


(aif 


基 於 callback 特性 ， 目 前 Node.js A% ÆRA Comet(long polling) Request 
Server, RARA EIRENE, Btb An% Node.js 设 为 内 部 
核心 网 路 服务 之 一 。 在 Node.js 也 提供 了 外 持 管理 (Node package 

management), 224 Node.js HØRTES HAAR. Nå, we Adee) npm 
让 全 世界 使 用 者 快速 安装 使 用 。 


本 书 最 后 执行 测试 版 本 为 Node.js v4.0.0， 相 关 API 文件 可 查询 https://nodejs.org 


本 书 所 有 和 范例 均 可 於 Linux, Windows 上 执行 ， 如 遇 到 任何 问题 欢迎 至 
http://nodejs.tw, RMR Node.js 相关 问题 ， 或 者 可 以 加 入 FB 社团 Node.js 台 
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附录 Node.js 与 JavaScript 


JavaScript 基本 型 态 


JavaScript 有 以 下 类 种 基本 型 驴 。 


e Boolean 
e Number 
e String 

e null 

e undefined 


SHEENIH, MEIR var, HERA DJ, NRFEE BASSEN, FLUE 
用 Lg MAIER 
var er 


var a=456, 
b-'abc'; 


布 林 值 
布 林 ， 就 只 有 两 种 数值 , true, false 


var a-true, 
b-false; 


数字 型 别 


Number 数字 型 别 ， 可 以 分 为 整数 ， 浮 点 数 两 种 ， 


var a-123, 
b=123.456; 


FREDI 


字 串 ， 可 以 是 一 个 字 ， 或 者 是 一 连 串 的 字 ， 可 以 使 用 " 或 " 做 为 字 串 的 值 。 ( 画 量 
使 用 到 引号 来 表 过 字 串 ， 因 为 在 node 实 不 会 把 单 引 号 框 住 的 文字 当 作 字 串 解读 ) 
var a="a", 


a-'abc'; 


ERT 


基本 介绍 就 是 +, -, % 1 选辑 运算 就 是 && (and), || (or), ^ (xor), 比较 式 就 是 >, <, |= 


eR ae, MAF, HETE if, BARR, 


Jo 
Y. else if (MRD) På 

Hera 不 成 立 ， 但 是 判断 pb 成 立 
else ‘a 


(mifi 


} 


整体 架构 就 如 上 面 描述 ， 非 a 即 DAR, BREA. E 


ETRE KI, RE HER RX Boolean 之 后 为 true， 就 会 成 立 。 大 家 可 以 过 样子 测 
试 ， 


Boolean (Ef) ; 


fe FA 


会 突然 讲 if 判断 式 ， 因 为 ， 前 面 有 提 到 Number, String 两 种 型 驴 ， 但 是 如 果 我 们 测 
试 一 下 ， 新 增 一 个 test.js 


var a=123, 
b='123'; 


if (a =p) | 
console.log('ok'); 


} 
编辑 test.js TRL, WTE NET 


node test.js 


£/ [ouais GU 


Sei HERA ok。 


imfBhiRIiE EH, aA Number, b Å String WRS, MALE, EREA 
false 才 对 ， 到 底 发 生 什 么 事情 ? 过 其 中 原因 是 ， 在 判断 式 中 使 用 了 =, 
JavaScript 编译 器 ， 会 自动 去 转换 变数 型 驴 ， 再 进行 比 对 ， 因 此 a == b 就 会 成 立 ， 
如 果 不 希 望 转型 新生， 就 必须 要 使 用 === 做 为 判断 。 


if (a === b) I 
console.log('ok'); 
} else { 


console.log('not ok'); 


转型 


如 果 今 天 需要 将 字 串 ， 转 换 成 Number 的 时 候 ， 可 以 使 用 parselnt, parseFloat 的 
方法 来 进行 转换 ， 


var a='123'; 
console.log(typeof parseInt(a, 10)); 


使 用 typeof 方法 取得 资料 经 过 转换 和 后 的 和 结果， 会 取得 ， 


number 


要 注意 的 是 ， 记 得 parselnt 和 后面 要 加 上 进位 符号 ， 以 免 造 成 遗憾 ， 在 过 渤 使 用 的 是 
10 进位 。 


Null & undefined 型 能 差 黑 


空 无 是 一 种 很 奇妙 的 状态 ， 在 JavaScript ÆRE, null, undefined 是 一 种 奇妙 的 东 
西 。 今 天 来 探讨 什么 是 null ， 什 么 是 undefined. 


fied eri, RACE null ， 才 会 形成 null LF. 


var a-null; 
null 在 JavaScript 中 表示 一 个 空 值 。 


undefined 


从 字面 上 就 表示 目前 未 定义 ， 只 要 一 个 释 数 在 初始 的 时 候 未 给 予 任何 值 的 时 候 ， 就 
会 产生 undefined 


var a; 


console.log(a); 


过 个 时 候 a 就 是 属於 undefined 的 状态 。 BABIES Object 被 删除 的 时 
候 。 


var a = {}; 

delete a; 
console.log(a); 
//print: undefined. 


Object 在 之 后 会 介绍 ， 先 记 住 有 过 个 东西 。 而 使 用 delete ilk, MALE 
Object 被 删除 ， 就 会 得 到 和 结果 为 undefined. 


两 者 比较 


null, undefined 在 本 质 上 差 黑 郊 不 大 ， 不 过 实质 上 两 者 汞 不 同 ， 如 果 硬 是 要 比较 ， 
建议 使 用 === 来 做 为 判断 标准 ， 避 免 null, undefined 过 两 者 被 强制 转型 。 


var a-null, 
b; 


if (a === b) I 
console.log('same'); 

) else I 
console.log( "different "); 


) 


//print: different 


从 typeof 也 可 以 看 到 两 者 本 质 上 的 差 黑 ， 


typeof null; 


LA DELNE= object. 


typeof undefined; 


//print: 'undefined' 


null 本 质 上 是 属於 object, 而 undefined AB HÆR undefined, BRB 
undefined 的 状态 下 ， 都 是 属於 未 定义 。 


如 果 用 判断 式 来 决定 ， 会 发 现 另 外 一 种 状态 


Boolean(null); 
// false 


Boolean(undefined); 
// false 
可 以 观察 到 ， 如 果 一 个 变数 值 为 null, undefined 的 状态 下 ， 都 是 属於 false。 


过 样 褒 明 应 该 右 助 到 大 家 了 解 ， 其 实 要 判断 一 个 物件 、 属 性 是 否 存在 ， 只 需要 使 用 
if 


var a; 
if (la) I 

console.log('a is not existed'); 
} 
//DPrini el VOT Ox ECG 


a 为 undefined 由 判断 式 来 决定 ， 是 属於 False 的 状态 。 


JavaScript Array 


阵列 也 是 属於 JavaScript 的 原生 物件 之 一 ， 在 实际 开发 会 有 许多 时 候 需要 使 用 
Array 的 方法 ， 先 来 介绍 一 下 阵列 要 怎 感 宣告 。 


阵列 宣告 


var cama e ba 


var d-new Array('a , b^. "es 


— 


LI EEE SAA LE AREI, ERE a EMSA TF, 


console.log(a); 


L/OEINE ng 12 


Array 的 排列 指标 从 0 开始 ， 像 上 面 的 例子 来 膏 ， a 的 指标 就 有 三 个 ，0, 1, 2， 如 
果 要 印 出 特定 的 某 个 阵列 数值 ， 使 用 方法 ， 


console.log(a[1]); 


/ 


//prdnt: b 


QO AR EP ir — (SS Se SZ Array 最 简单 的 方式 就 是 直接 使 用 Array 的 原生 方法 ， 
var asap NE |. 


console.log(Array.isArray(a)); 


//print: true 


var b='a'; 
console.log(Array.isArray(b)); 


//print: false 
MR E BE EE SX] RS IT DE e f FH, 
console.log(a.length); 


length 为 一 个 常数 ， 型 驴 为 Number, &s5JHiEBUREAUBS EE, 


pop, shift 

以 前 面 所 宣告 的 阵列 为 范例 ， 

var a-['a', KDE Ses | 

使 用 pop 可 以 从 最 和 后 面 取出 阵列 的 最 后 一 个 值 。 


console.log(a.pop()); 


console.log(a.length); 


//print: 2 


同时 也 可 以 注意 到 ， 使 用 pop 过 个 方法 之 和 后， 阵列 的 数值 也 会 被 输出 。 另 外 一 个 跟 
pop 很 像 的 方式 就 是 shift, 


console.log(a.shift()); 


orint: 
I 


console.log(a.length); 
7 fy It: 1 


shift FR pop RAMZAR, MECRA SUE UH, Rh ESAE nU BRED) DE] 
数值 。 


slice 
前 面 提 到 pop, shift 就 不 得 不 褒 一 下 slice, HAA, 


console.log(a.slice(1,3)); 


print Dove 


第 一 个 参数 为 起 始 指 标 ， 第 二 个 参数 为 结束 指标 ， 会 将 过 个 阵列 进行 切割 ， 构 成 一 
个 新 的 阵列 型 态 。 如 果 需 要 给予 新 的 变数 ， 就 可 以 带 样 子 做 ， 完 整 的 范例 。 


var ape ba Cr; 
var b-a.slice(1,3); 


console.log(b); 


JO i HANE c 
/ M! ` 


concat 

concat 过 个 方法 ， 可 以 将 两 个 Array 组 合 起 来 ， 
var a-['a']; 
var b= bts ETG 


console.log(a.concat(b)); 


Ze It se Al, ot E 


concat FIFE, ZR KERNS, UWROAGITAKR, al 
l'a, 'b', 'c]， 可 以 重新 将 数值 分 配给 a， 和 范例 来 诊 


a = a.concat(b); 


Iterator 


EIAN, DASS Iterator, PAAR, BREA BAHAR, 


var aper Da Ca; 


for(var i=0; i < a.length; i++) I 
console.log(a[i]); 


j 


事实 上 可 以 用 更 简单 的 方式 进行 ， 
var a-['a', MD PC i; 


a.forEach(function (val, idx) ( 
console.log(val, idx); 


3); 


在 Array 421 FI ELS FH foreach 的 方式 进行 iterator， 1m4 FH function (EAR 


xt), EEA Array 的 Value, 第 二 个 变数 为 Array 的 指标 。 
其 实 使 用 JavaScript FER Ex vm Bg fe] ÅR as MAZE IRA, HERA T IE Node.js 可 以 
FE KAMRET, AE Amie ea, FILE Ef HELE FEN F. 


其 中 Event Loop, Scope LAR Callback 其 实 是 比较 需要 了 解 的 基本 知识 ， cps, 


currying、flow control 是 更 进 阶 的 技巧 与 应 用 。 


Event Loop 


BAERS A BJavaScripthe, s^ AIDE ES ENIBJ,. HRA 33 — 
下 jQuery 作者 John Resig-ÆRXE, NASH timere ETA Bas HET : How 
JavaScript Timers Work, A$ TIIA, ALAR JavaScriptiTSHR 〈 过 部 份 全 
部 都 在 global scopeFH, MRIHATKSD , få FARE IIJoOhn Resight Hist, 
HUBBUSRAEREHBEQER, DIMtimer&(TB9EqSX, BHEE—(queuvetate+, FB — 1 
MSS, Aeiitqueue PWM AKA. EE event loop. 


(BR T John Resig 的 那 篇 文章 ，Nicholas C. Zakas 的 "Professional JavaScript for 
Web Developer 2nd edition", 在 598 页 刚好 也 有 简短 的 褒 明 ) 


所 以 在 JavaScript 中 ， 踊 然 有 非 同 步 ， 但 是 他 瘟 不 是 使 用 执行 猪 。 所 有 的 事件 或 是 
非 同步 执行 的 函数 ， 都 是 在 同一 个 执行 鳍 中 ， 利 用 event loop 的 方式 在 执行 。 至 於 
一 些 比 较 慢 的 动作 例如 I/O、 和 网 页 render, reflow 等 ， 实 际 动 作 会 在 其 他 执行 绪 跑 ， 等 
到 有 烙 果 时 才 利 用 事件 来 触发 处 理 函 数 来 处 理 。 过 样 的 模型 有 类 个 好 处 : 没有 执行 
绪 的 额外 成 本 ， 所 以 反应 速度 很 快 不 会 有 任何 程式 同时 用 到 同一 个 变数 ， 不 必 考 卡 
lock, UTE å dead lock 所 以 程式 撰写 很 简单 但 是 也 有 一 些 潜在 问题 : 任 一 个 
本 数 执 行 时 间 较 长 ， 都 会 让 其 他 函数 更 慢 执 行 〈 因 为 一 个 跑 完 才 会 跑 另 一 个 ) 在 多 
核心 硬 体 普通 的 现在 ， 无 法 用 单一 的 应 用 程式 instance 发 挥 所 有 的 硬 体能 力 用 
Node.js 撰 富 伺 服 器 程式 ， 磁 到 的 也 是 一 样 的 状 沈 。 要 让 系统 发 挥 event loop 的 效 
能 ， 就 要 画 量 利用 事件 的 方式 来 和 组织 程式 架构 。 另 外， 对 於 一 些 有 可 能 较为 耗 时 的 
操作 ， 可 以 考虑 使 用 process.nextTick 函数 来 让 他 以 非 同 步 的 方式 执行 ， 避 人 免 在 同 
一 个 函数 中 执行 太 久 ， 揣 住所 有 画 数 的 执行 。 


如 果 想 要 测试 event loop 怎 样 在 「 浏 览 器 」 中 运行 ， 可 以 在 汞 数 中 呼叫 alert()， 过 样 
会 让 所 有 JavaScript 的 执行 停 下 来 ， 尤 其 会 干 摄 所 有 使 用 timer 的 函数 执行 。 有 一 个 
简单 的 例子 ， 过 是 一 个 会 依照 设 定 的 时 间 问 隅 原 格 执行 动作 的 动画 ， 如 果 时 间 过 了 
就 会 跳 过 要 执行 的 动作 。 点 按 图 片 以 和 后， 人 物 会 快速 旋转 ， 但 是 在 旋转 执行 完 举 前 
按 下 [delay] 按钮 ， 让 alert 讯 息 等 久 一 点 ， 接 下 来 的 动 盏 就 完全 不 会 出 现 了 。 


Scope £2 Closure 
要 快速 理解 JavaScript 的 Scope (S/F ASB) 原理 ， 只 要 记 住 他 是 Lexical 


Scope ÆT% T. ARR, FY RATNBEKRETESR (或 者 叫做 程式 文 
A?) 的 上 下 文 决 定 ， 而 不 是 执行 时 的 上 下 文 决 定 。 


A I MERETE INT AT RRB SY, BETRE DUETTER ABIscopez Å, fih 
AE SUE REE AKER, EREDTAENANHER (ESRT ell), m 
Ætt E—Bscopea RSA) 一 样 可 以 使 用 ， 就 好 像 被 关闭 起 来 ， 所 以 叫做 
Closure。 用 程式 看 比较 好 懂 : 


function outter(arg1) { 
//argi&free variableitftinner HØXKA, Bee Hey 
var free variablei = 3; 
return function inner(arg2) ( 
var local variablei =2;//arg2M%local variableitftinner MARR, AB 
return argi + arg2 + free variablei + local variable1; 


Hh 





var a = outter(1);//Æa m Æoutter KK A ik Gl ÅJinner RX 


var b = a(4);//#4{Tinner ER, HTH ET XO KE outerHBGa Å, (Be TAREE 
SET, MATL BAER 7Eoutter HEER arg1 free variable 


console.log(b);//f& 5& 10 


在 JavaScript 中 ，scope 最 主要 的 单位 是 函数 (另外 有 global 及 eval) ， 所 以 有 可 能 
和 造 出 closure 的 状 沈 ， 通 常 在 形式 上 都 是 有 划 状 的 函数 定 闵 ， 而 且 内 侧 的 函数 使 用 
PEST RU P CR rm BAT ER EA 


Closure 3 FRE S35 px so EEE RIR, E SIE EA ANSEES ar 18 ACER f 
BEER, ISSA RRA, FLUER LAs eae, TOES 
geome. (GE LEAØFH, MRa—EAØT, (FHUBUROTSES SA AS S BUE DO 


跟 透 过 函数 的 参数 把 变数 传 给 函数 比较 起 来 ，JavaScript Engine& FE Sz SES 
Closure 进 行 最 佳 化 。 如 果 有 效能 上 的 考量 ， 过 一 点 也 需要 注意 。 


Callback 


要 介绍 Callback 之 前 ， 要 先 提 到 JavaScript 的 特色 。 


JavaScript 是 一 种 函数 式 语言 (functional language) , ArAJavaScript# SAWN 
数 ， 都 是 高 阶 函 数 (higher order function， 过 是 数学 名 词 ， 计 算 机 用 语 好 像 是 first 
class function, BEWARE RAR, RAW), hier, WEA 
以 作为 画 数 的 参数 传 答 函数 ， 也 可 以 当 作 函数 的 返回 值 。 过 个 特性 ， 让 JavaScript 
的 函数 ， 使 用 上 非常 有 弹性 ， 而 且 功 能 强大 。 


callback 在 形式 上 ， 其 实 就 是 把 函数 传 给 函数 ， 然 后 在 适当 的 时 机 呼叫 传 入 的 函 
数 。JavaScript 使 用 的 事件 系统 ， 通 常 就 是 使 用 过 种 形式 。Node.js 中 ， 有 一 个 物件 
叫做 EventEmitter， 和 过 是 Node.js 事 件 处 理 的 核心 物件 ， 所 有 会 使 用 事件 不 理 的 画 
数 ， 都 会 MER] 过 个 物件 。 GETSIRBUMNÉZK, BV LÆRIRKEMixin) 他 的 使 用 很 
简单 : 可 以 使 用 物件 .on( 事 件 名 称 , callback) 或 是 物件 .addListener( 事 件 名 
#8, callback&) 把 你 想 要 处 理事 件 的 函数 传人 在 物件 中 ， 可 以 使 用 物件 .emit( 事 
FZI, SÅ...) 呼叫 传人 的 callback 画 数 过 是 Observer Pattern 的 简单 实 作 ， 而 且 
跟 在 网页 中 使 用 DOM 的 addEventListener 使 用 上 很 类 似 ， 也 很 容易 上 手 。 不 过 
Node.js 是 大 量 使 用 非 同步 方式 执行 的 应 用 ， 所 以 程式 园 辑 几乎 都 是 寅 在 callback 图 
数 中 ， 当 园 辑 比较 复 杂 时 ， 大 量 的 callback 会 让 程式 看 起 来 很 复 杂 ， 也 比较 识 单 元 
BER. BOAR : 


var p client = new Db('integration tests 20', new Server("127.0.0.: 
p client.open(function(err, p client) ( 
p client.dropDatabase(function(err, done) { 
p client.createCollection('test custom key', function(err, col. 
collection.insert({'a':1}, function(err, docs) { 

collection.find((' id':new ObjectID("aaaaaaaaaaaa")), funci 
cursor.toArray(function(err, items) { 
test.assertEquals(i, items.length); 


p_client.close(); 
3); 
3); 





过 是 在 网 路 上 看 到 的 一 段 操 作 mongodb 的 程式 码 ， 为 了 循序 操作 ， 所 以 必须 在 一 个 
callback 实 面 呼叫 下 一 个 动作 要 使 用 的 函数 ， 各 个 函数 里 面 还 是 会 使 用 callback， 最 
后 就 形成 一 个 非常 深 的 业 状 。 


RE, SHREE STAM. AAAI, BHRSREEA 
ES KEKE 'Fcallbackskz&event handler, ÆR ERAR, AL HE 
handler 做 单元 测试 了 。 例 如 : 


var http = require('http'); 
var tools - ( 
cookieParser: function(request, response) ( 
if(request.headers['Cookie']) { 
//do parsing 
) 
) 
3 
var server - http.createServer(function(request, response) ( 
this.emit('init', request, response); 
Va NE 
3); 
server.on('init', tools.cookieParser); 
server.listen(8080, '127.0.0.1'); 


更 进一步 ， 可 以 把 tools 改 成 外 部 module， 例 如 叫做 tools.js : 


module.exports = { 
cookieParser: function(request, response) { 
if(request.headers['Cookie']) { 
//do parsing 
) 
) 
3 


然后 把 程式 改 成 : 


var http - require('http'); 


var server - http.createServer(function(request, response) ( 
this.emit('init', request, response); 
EE 
3); 
server.on('init', require('./tools').cookieParser); 
server.listen(8080, '127.0.0.1'); 


3E Ek, A LAE 7o s cookieParser T . IRN FInodeunittf, SIEGE TEES 


var testCase - require('nodeunit').testCase; 
module.exports = testCase({ 
"setUp": function(cb) { 
this.request - ( 
headers: ( 
Cookie: 'namei:vali1; name2:val2' 
J 
3 
this.response = {}; 
this.result = {name1:'val1',name2:'val2'}; 
cb(); 
tr 
"tearDown": function(cb) { 
cb(); 


i 
"normal case": function(test) { 
test.expect(1); 
var obj = require('./tools').cookieParser(this.request, this.re 
test.deepEqual(obj, this.result); 
test.done(); 





善 於 利用 模 租 ， 可 以 让 程式 更 好 稚 访 与 测试 。 


CPS (Continuation-Passing Style) 


cps 是 callback 使 用 上 的 特例 ， 形 式 上 就 是 在 函数 最 和 后 呼 叫 callback， 和 过 样 就 好 像 把 
Eq S RT E SR Af callpackii&183817, FALLE Fcontinuation-passing style. #1 
用 cps， 可 以 在 非 同步 执 行 的 情况 下 ， 透 过 传 给 callback 的 过 个 cps callback ER 
callback 执 行 完 界 ， 或 是 取得 执行 结果 。 例 如 : 


«html» 
«body» 
«div id="panel" style="visibility:hidden"></div> 
</body> 


</html> 


<script> 
var request = new XMLHttpRequest(); 
request.open('GET', 'test749.txt?timestamp-'-new Date().getTime(: 
request.addEventListener('readystatechange', function(next){ 
return function() ( 
if(this.readyState---4&&this.status---200) { 
next(this.responseText );//<== 传 入 的 cps callback 在 动作 完成 F 
} 
}; 
}(function(str){//<== 关 个 匿名 函数 就 是 cps callback 
document .getElementById('panel').innerHTML-str; 
document.getElementById('panel').style.visibility - 'visible'; 
}), false); 
request.send(); 


«/script» 


到 — g 








进一步 的 应 用 ， 也 可 以 参考 2-6 流程 控制 。 


列 数 返回 函数 与 Currying 


前 面 的 cps 和 范例 壬 面 ， 使 用 了 本 数 返 回 本 数 ， 过 是 为 了 把 cps callback 传 焉 给 
onreadystatechange 事 件 处 理 函 数 的 方法 。 (EN 2838 ES 4 EKSOS EET 
SET EGERNSY) 实际 会 执行 的 事件 处理 函数 其 实 是 内 层 返 回 的 那个 函数 ， 


CHESSER, 3X xEATTRCIosure, fLnextEfa pe B^) SE 4E B ER EL SAC 
过 个 方法 更 常 使 用 的 地 方 ， 是 为 了 解决 一 些 scope 问 题 。 例 如 : 


«script» 
var accu=0,count=10; 
for(var 1-0: i<count; i++) I 
setTimeout ( 
function(){ 
count--; 
accu+=i; 
if(count<=0) 
console.log(accu) 
) 
, 50) 
) 


«/script» 


HALS BUSES ET00, MTÆRIKHB8I45, BEER AF EIsetTimeoutfa EHH 
HATER, SAOIR DAT. BARS, Mø 2 SEClosure 
PRR ER : 


<script> 
var accu=0,count=10; 
for(var i=0; i<count; i++) { 
setTimeout ( 
function(i) { 
return function(){ 
count--; 
accu+=i; 
if(count<=0) 
console.log(accu) 
H 
j(i) 
, 90) 
) 
// 浅 蔓 色 底 色 的 部 份 ， 是 跟 上 面 例子 不 一 柑 的 地 方 
</script> 


ARERR 3 AAR, STR. DU: 


function add(m, n) { 
return m+n; 

} 

var a = add(20, 10); 

console.log(a); 


addis (AE, VAARAA MASA, SAMAR. MOR A S38 (AWA LA 
Kine EA, S-HRIARRM SA, AREER, MYA BBR 
[E] ER SX B 75 SABE CK : 


function add(m) { 
return function(n) { 
return m+n; 
3 
) 
var wait another arg = add(20) ;// 先 给 一 个 参数 
var a = function(arr) ( 
var ret-0; 
for(var i=0;i<arr.length;i++) ret+=arr[i]; 
return ret; 
)([1,2,3,4]);//48—T 5— 82% 
var b = wait another arg(a);//251&R 
console.log(b); 











FER] BORG, HSRARRSASRHAWA, FI AER ES 
Sx, SUSRRNTMKA ATERRAR, BMS EU... Currying 


AUERS SRE, MALIA AREAS, HEEN ME. HR 
下 来 看 看 … 


流程 控制 


(以 sync 方 式 使 用 async 函 数 、 避 并 梨 状 callback 循 序 呼 叫 async callbackS 5 GE 
巧 ) 


建议 参考 : 


e http://howtonode.org/control-flow 

e http://howtonode.org/control-flow-part-ii 

e http://howtonode.org/control-flow-part-iii 

e http://blog.mixu.net/2011/02/02/essential-node-js-patterns-and-snippets 


过 多 篇 都 是 非常 经典 的 Node.js/JavaScript 流 程控 制 好 文章 ( 阿 ，mixu 是 在 介绍 一 
些 pattern 时 提 到 过 方面 的 主题 ) 。 不 过 我 还是 用 烽 个 简单 的 程式 介绍 一 下 做 法 跟 概 


a, 
wr: 


E PE 


下 面 的 程式 参考 了 mixu 文 章 中 的 做 法 : 


|, 


var wait = function(callbacks, done) ( 

console.log('wait start'); 

var counter - callbacks.length; 

var results - []; 

var next = function(result) (//FIKKRSAHVTIR, XE RE s REAL 
results.push(result); 
if(--counter -- 0) ( 

done(results) ;// 如 果 和 结束 执行 ， 就 把 所 有 执行 结果 传 给 指定 的 calLlLback 上 处 理 

} 

}; 

for(var i = 0; i < callbacks.length; i++) {// 依 次 呼叫 所 有 要 执行 的 画 鼻 
callbacks[i](next); 

} 


console.log('wait end'); 


wait( 
[ 
function(next)1 

setTimeout(function()( 
console.log('done a'); 
var result - 500; 
next(result) 

+, 500): 


ty 
function(next)( 
setTimeout(function()( 
console.log('done b'); 
var result - 1000; 
next(result) 
T 1000): 
ty 
function(next)( 
setTimeout(function()( 
console.log('done c'); 
var result - 1500; 
next(1500) 
1 500); 
) 
1, 


function(results){ 
var ret = 0, i-0; 
for(; i«results.length; i++) { 
ret += results[i]; 
) 
console.log('done all. result: "'+ret); 
) 
); 


| 
BUTTER : 


wait start 

wait end 

done a 

done b 

done c 

done all. result: 3000 


FLEKK, EERwaitlt ze EXBSSRSUBDBESSEUOTSEA eR, MEEA 
FAA Tee (不 论 同 步 、 非 同步 ) , TET RIP RO ER (也 就 是 
done()) 


MASENB A, ETHER, AARI ARRANA RATE, RAS 
作 事 件 处 理 函 数 来 实际 使 用 。 上 面 参 考 到 的 Tim Caswell XS, HASH 
法 ， 不 过 还 需要 额外 包装 (在 他 的 例子 中 ) Node.js 核 心 的 fs 物件 ， 把 一 些 画 数 Cl 
如 readFile) 用 Currying 处 理 。 类 似 像 近 样 : 


var fs = require('fs'); 
var readFile = function(path) { 
return function(callback, errback) { 
fs.readFile(path, function(err, data) ( 
if(err) ( 
errback(); 
) else ( 
callback(data); 


3); 
}; 
} 


其 他 部 份 可 以 参考 Tim Caswell 的 文章 ， 他 的 Do.parallel 跟 上 面 的 wait 差 不 多 意思 ， 
过 壬 只 提示 一 下 他 没 褒 到 的 地 方 。 


另外 一 种 做 法 是 去 修饰 一 下 callback， 当 他 作为 事件 处理 函数 扫 行 和 后， 再 用 cps 的 方 
式 取得 结果 : 


<script> 
function Wait(fns, done) ( 
var count - 0; 
var results - []; 
this.getCallback = function(index) { 
count++; 
return (function(waitback) ( 
return function() ( 
var i=0,args=[]; 
for(;i<arguments.length;i++) ( 
args.push(arguments[i]); 
) 
args.push(waitback); 
fns[index].apply(this, args); 
3 


})(function(result) ( 
results.push(result); 
if(--count == 0) ( 

done(results); 
) 
3); 


var a - new Wait( 


function(waitback)( 
console.log('done a'); 
var result - 500; 
waitback(result) 

tr 

function(waitback)( 
console.log('done b'); 
var result - 1000; 
waitback(result) 

ty 

function(waitback)( 
console.log('done c'); 
var result - 1500; 
waitback(result) 

J 

] 


function(results)( 
var ret 0 i=0; 
for(; i<results.length; i++) { 
ret += results[i]; 
} 
console.log('done all. result: '+ret); 
) 
); 
var callbacks = [a.getCallback(0),a.getCallback(1),a.getCallback(90: 


// 一 次 取出 要 使 用 的 callbacks， 避 免 结果 提早 送出 
setTimeout(callbacks[0], 500); 
setTimeout(callbacks[1], 1000); 
setTimeout(callbacks[2], 1500); 


setTimeout(callbacks[3], 2000); 
//t&HrtRxHBgcallbackssAf475Es, mil nldone( )2k E38 i sg 
</script> 


‘ MEE 
执行 结果 



































done 
done 
done 


O p o g 


done 
done all. result: 3500 


上 面 只 是 一 些小 实验 ， 更 成 熟 的 作品 是 Tim Caswell 的 
step : https://github.com/creationix/step 


如 果 希 望 真 正 使 用 同步 的 方式 寅 非 同步 ， 则 需要 使 用 Promise.js 过 一 类 的 library 来 转 
换 非 同步 范 数 ， 不 迪 他 结构 比较 复 杂 XD (见仁见智 ， 不 过 有 些 人 认为 Promise 有 点 
MAT) : http://blogs.msdn.com/b/rbuckton/archive/2011/08/15/promise-js-2-0- 
promise-framework-for-javascript.aspx 


如 果 想 不 透 过 其 他 Library 做 转换 ， 又 能 直接 用 同步 方式 执行 非 同步 函数 ， 大 概 就 要 
使 用 一 些 需要 额外 compile 原 始 程式 码 的 方法 了 。 例 如 Bruno Jouhier 的 


streamline.js : https://github.com/Sage/streamlinejs 


循序 执行 


循序 执行 可 以 协助 把 非常 深 的 业 状 callback 和 结构 摧 平 ， 例 如 用 过 样 的 简单 模 组 来 做 


(serial.js) 


module.exports - function(funs) ( 
var c = 0; 
if(!isArrayOfFunctions(funs)) { 
throw('Argument type was not matched. Should be array of funct: 
} 
return function() { 
var args = Array.prototype.slice.call(arguments, 0); 
if(!(c>=funs.length)) { 
Ctt; 


return funs[c-1].apply(this, args); 


Hh 


function isArrayOfFunctions(f) ( 
if(typeof f !== 'object') return false; 
if(!f.length) return false; 
if(!f.concat) return false; 
if(!f.splice) return false; 
var i = 0; 
for(; a<f length; i++) I 
if(typeof f[i] !-- 'function') return false; 
j 


return true; 


) 





简单 的 测试 范例 (testSerial.js) ， 使 用 fs 模 和 组 ， 确 定 某 个 path 是 档案 ， 然 后 读 取 印 
出 档案 内 容 。 肖 样 会 用 到 两 属 的 callback， 所 以 测试 中 有 使 用 serial 的 版 本 与 nested 


callbacks 的 版 本 做 对 照 : 


var serial = require('./serial'), 
fs - require('fs'), 
path = './dclient.js', 
cb - serial([ 
function(err, data) I 
if(!err) { 
if(data.isFile) ( 
fs.readFile(path, cb); 


j 
) else I 


console.log(err); 
} 
tr 
function(err, data) { 
if(!err) { 
console.log('[flattened by searial:]'); 
console.log(data.toString('utf8')); 
) else I 
console.log(err); 
} 
} 


1); 
fs.stat(path, cb); 


fs.stat(path, function(err, data) I 
//%—Æcallback 
if(!err) I 
if(data.isFile) { 
fs.readFile(path, function(err, data) ( 
//*&—hBicallback 
if(!err) I 
console.log('[nested callbacks:]'); 
console.log(data.toString('utf8')); 
) else I 
console.log(err); 
) 
3); 
) else { 
console.log(err); 


} 


3); 


关键 在 於 ， 过 些 callback 的 执行 是 有 顺序 性 的 ， 所 以 利用 serial 返 回 的 一 个 函数 cb 来 
取代 过 些 callback， 然 后 在 cb 中 控制 每 次 会 循序 呼叫 的 函数 ， 就 可 以 把 巢 状 的 
callback 抽 平成 循序 的 function 阵 列 (FLÆ IE serial ANS) 。 


测试 中 的 ./dclient.js 是 一 个 简单 的 dnode 测 试 程式 ， 放 在 跟 testSerial.js 同 一 个 目 钞 : 


var dnode = require('dnode'); 


dnode.connect(8000, 'localhost', function(remote) { 
remote.restart(function(str) { 
console.log(str); 
process.exit(); 
3); 
3); 


执行 测试 程式 和 后， 出 现 结 果 : 


[flattened by searial:] 


var dnode = require('dnode'); 


dnode.connect(8000, 'localhost',  function(remote) { 
remote.restart(function(str) ( 
console.log(str); 
process.exit(); 
3); 
3); 


[nested callbacks:] 


var dnode - require('dnode'); 


dnode.connect(8000, 'localhost', function(remote) { 
remote.restart(function(str) ( 
console.log(str); 
process.exit(); 
3); 
3); 


HRA, MERANER S EIRA, (BifHseriljs Sik callbackits 
构 就 会 消失 。 


iE RRS R ARTA EKDA, RRRA FRERE (不 只 是 一 直 
MR) ， 逮 是 需要 用 功能 更 完整 的 流程 控制 模 组 比较 好 ， 例 如 
https://github.com/caolan/async 。 


Node.js 安装 与 设 定 


本 篇 将 讲解 如 何在 各 个 不 同 OS 建 立 NodeJS 环境 ， 目 前 NodeJS 在 不 同 作业 系统 中 
可 以 直接 使 用 指令 快速 架设 。 以 下 各 不 同 作业 系统 解说 如 何 安 装 NodeJS 和 与 nvm。 


What's nvm 
nvm 是 一 种 Node.js 的 版 本 管理 工具 ， 在 现在 Node.js 已 经 分 成 了 stable 跟 develop， 


适时 的 切换 版 本 是 必须 的 。 因 为 你 有 可 能 需要 预先 开发 develop 上 的 功能 ， 但 还 是 
要 维 议 stable 上 的 bug， 且 你 使 用 nvm 切 换 版 本 时 npm 也 会 一 们 安装 或 切换 。 


Linux 


TEE APER FHEREDZEER, Me Anvma install script 
可 以 使 用 cur| 


curl -o- https://raw.githubusercontent.com/creationix/nvm/vO.29.0/: 





或 者 Wget 


wget -q0- https://raw.githubusercontent.com/creationix/nvm/v0.29.0, 





来 执行 过 


手动 安装 请 依照 参考 资料 里 nvm 的 github 寻 找 Manual install 的 标题 依 序 做 下 去 (不 推 
is) 
安装 完成 后 可 以 打 


nvm 


会 显示 下 面 图 片 : 


Node Version Manager 
Note: «version» refers to any version-like string nvm understands. This includes 


- full or partial version numbers, starting with an optional "v" (0.10, v0.1.2 
, V1) 

- default (built-in) aliases: node, stable, unstable, iojs, system 

- custom aliases you define with “nvm alias foo' 


Usage: 

nvm help Show this message 

nvm --version Print out the latest released versio 
n of nvm 

nvm install [-s] <version> Download and install a <version>, [- 
s] from source. Uses .nvmrc if available 

--reinstall-packages-from-«version» When installing, reinstall packages 

installed in «node|iojs|node version number» 

nvm uninstall «version» Uninstall a version 

nvm use [--silent] «version» Modify PATH to use «version». Uses . 


nvmrc if available 
nvm exec [--silent] «version» [«command»] Run «command» on «version». Uses .nv 


OSX 


OSX 同 样 可 以 用 curl or wget 的 install script 来 安装 (同上 )，homebrew 也 可 以 ， 但 我 
MINER, PUBER, 


Windows 


windows ER fEnvm, (BÆR Eb ABEST tilinvmw. nvm-windowsSEZK xz HE 
windows, 252 Mi&starå Lør B nvm-windows2K s Ae 


installer link:https://github.com/coreybutler/nvm-windows/releases 318 8x Hk 
nvm-setup.zip#£47 Fax, fr fak f Lf xETEnvm-setup.exeiÉfTZc2S, EET 
下 一 步 即 可 。 


注意 更 新 的 时 候 只 要 重复 安装 的 步骤 ， 安 装 目 钞 跑 择 一 样 就 好 。 


nvm 指 倒 简 介 


is fnvmB18 Ft Fl JE https://github.com/creationix/nvmiE FRE 


e install 


nvm install 4.2.1 
nvm install stable 


SHE 5 efie FANode. js DAT ME, AA Ae senvmiRNode.jsiti2 BRT, 
你 可 以 看 到 他 可 以 带 两 种 参数 ， 一 个 是 版 本 号 、 一 个 是 stable or unstable. 


版 本 号 除了 第 一 位 必 填 以 外 ， 其 他 都 选 填 ， 治 填 的 情况 下 会 自动 抓 该 版 本 下 最 新 
的 。 EX:nvm install 4 会 安装 4.2.1 


stable or unstable 一 个 是 安装 稳定 版 、 一 个 是 安装 最 新 版 ， 不 过 就 现在 而 言 两 者 是 
一 样 的 (2015-10-14)。 


e USE 


npm use 4.2.1 
npm use stable 


此 指 今 会 切换 node 的 版 本 ， 你 可 以 在 cmd 或 者 terminal 打 : 
node -V 

查看 现在 版 本 ， 参 数 的 设 定 同 install。 
e run 


nvm run 4.2.1 [node file or node command] 
nvm run stable [node file or node command] 


要 求 nvm 以 特定 版 本 运行 hode file 或 者 node command， 在 测试 ES6 跟 非 ES6 的 
code 此 功能 十 分 重要 。 此 功能 不 会 影响 你 本 机 壬 的 版 本 


EX: 假 设 你 现在 系统 版 本 是 4.1.1 


Yuns-MacBook-Pro:^ Yun$ node -v 

v4.1.1 

Yuns-MacBook-Pro:^ Yun$ nvm run 0.12.7 -v 
Running node v0.12.7 (npm v2.14.4) 
v8.12. 7 

Yuns-MacBook-Pro:^ Yun$ Å 


由 图 可 以 知道 run 的 版 本 不 受到 现在 系统 版 本 的 影响 
e ls 


nvm ls 
nvm ls-remote 


ls 可 以 计 你 查看 "本 地 端 "安装 的 所 有 版 本 ls-remote 可 以 让 你 查看 ， 现 在 官方 放出 的 
所 有 版 本 。 


。 设 定 node 预 设 使 用 版 本 


nvm alias default stable 
nvm alias default 4.2.1 


此 指使 可 以 让 你 设 定 每 次 开放 terminal 的 node 预 设 版 本 是 多 少 


fi 


nvmzz FER ELA uS Se ELENA, Kees im, MPBRE AL NE 
案 来 安装 。 


Be ER 


e nvm:https://github.com/creationix/nvm 
e nvm-windows:https://github.com/coreybutler/nvm-windows 


= 
Dl 


有 惯常 留意 Node js 社 群 的 开发 者 们 麻 该 都 知道 刚刚 有 一 个 重大 更 新 ， 现 时 最 新 的 
版 本 到 了 v4.1。 然 而 根据 Node.js TESS v4.0 的 时 候 释放 的 官方 文档 ， 指 出 刚 在 
六 月 正式 发 信 ECMAScript 6 (下 称 ES6) 会 分 三 个 阶段 纳入 最 新 的 版 本 当中 。 它 们 
HHÆ: 


e Shipping features: BERERA BAR V8 开发 团队 视 为 稳定 
e Staged features: KATRA B ih ARETE XE BE 23 Ta EXE TT 
e In progress features f$ FB FNREX 


(at: f£ Node.js v4.0 或 更 新 版 本 的 环境 中 ) 
除了 Shipping features 以 外 ， 开 发 者 如 要 使 用 其 他 的 语法 特性 需要 自行 承担 风险。 


如 何在 Node.js 族 用 对 ES6 的 支援 
在 v4.0 及 其 以 后 的 更 新 版 本 


e Shipping features WIFE in E: runtime flag 已 经 可 以 直接 在 最 新 版 本 的 
Node.js 环境 中 使 用 

e Staged features 需要 加 上 runtime flag ( --es staging 或 --harmony ) 才 
可 以 使 用 

e In progress features 需要 加 上 runtime flag --harmony <name> ,在 
harmony (ETE ze ANSER SES, MR pu Ed A8 EH ES ETTER E 
中 的 话 ,可 以 使 用 node --v8-options | grep "in progress" 去 查询 


JE v4.0 下 的 In progress 特性 : 


--harmony modules (enable "harmony modules" (in progress)) 
--harmony array includes (enable "harmony Array.prototype.includes' 
--harmony regexps (enable "harmony regular expression extensions" | 
--harmony proxies (enable "harmony proxies" (in progress)) 
--harmony sloppy (enable "harmony features in sloppy mode" (in proc 
--harmony unicode regexps (enable "harmony unicode regexps" (in pr« 
--harmony reflect (enable "harmony Reflect API" (in progress)) 
--harmony destructuring (enable "harmony destructuring" (in progre: 
--harmony sharedarraybuffer (enable "harmony sharedarraybuffer" (ir 
--harmony atomics (enable "harmony atomics" (in progress)) 
--harmony new target (enable "harmony new.target" (in progress)) 


| ————————————————————————" 


在 v4.0 以 前 的 版 本 


由 於 在 v4.0 以 前 的 版 本 瘟 不 原生 支援 ESO 的 语法 特性 ,所 以 我 们 需要 一 个 
JavaScript 编译 器 ,把 ESO 的 语法 转换 成 ESS 的 版 本 。Babel 是 一 个 开源 专案 ,如 果 
TETT EBY Node js riz Hig ES6 的 语法 就 可 以 用 到 它 ,使 用 的 方法 很 容易 , 先 用 

npm 把 它 安装 起 来 。 





$npm install babel -g 


然后 就 直接 可 以 转换 ESO 的 语 ; 


babel myes6.js 


Shipping Features 


以 下 过 些 语 法 特性 已 经 在 最 新 的 版 本 环境 释 出 : 


RBI 


e let const 
e class 

e Map 

e WeakMap 
e Set 

e WeakSet 


e Typed Arrays 

e Generator 

e Binary and Octal 

e Object Literal Extension 
e New String Methods 

e Symbols 

e Template Strings 

e Arrow Functions 

e Promises 

e for...of Loops 


let, const 


ES6 SI A T Hi sia & (block scope variables), 使 变量 的 作用 域 限制 於 两 个 括号 
4258, ER var 不 同 的 是 var 所 定 闵 的 构 量 要 应 是 全 局 (global), 要 应 是 函数 域 
(function scope), 不 能 是 块 秋 域 的 。 比 对 以 下 例子 就 会 明白 。 


var globalVar = 1; 
if (true) { 
globalVar - 3; 


j 
console.log(globalVar); // 3 


FER let ERS HHK Block 以 外 想 要 知道 它 的 值 是 不 能 锡 的 


if (true) I 
let blockVar = 3; 


) 
console.log(blockVar); // undefined 


错误 使 用 let 所 引起 的 问题 可 以 人 参照 和 但 


700 


ÆR const 4AM ee EGIT Sh (immutable), 


const constant - 3; 
constant - 0; 
console.log(constant); // 3 


同一 个 名 的 常数 亦 不 能 重 覆 宣告 ,人 否则 会 引起 TypeError o 


const constant = 3; 
const constant = 3; // TypeError: Identifier 'constant' has already 


Aoo: ëO z] 





class 


事实 上 过 不 是 一 种 新 加 入 的 面向 编程 概念 ,然而 站 只 是 把 现 有 JavaScript EEH 
原型 (prototype) 的 继承 (inheritance) 做 法 重新 包装 ,是 一 种 语法 糖 (syntax sugar) 而 已 ， 
使 程式 码 更 加 简单 易 明 。 看 看 在 ES6 之 前 的 做 法 是 如 何 : 


var Plane = function () {} 

Plane.prototype.landing = function () {} 

function A380 () (3 

A380.prototype - new Plane(); 

var emirates a380 = new A380 (); 
console.log(emirates a380 instanceof A380); // true 
console.log(emirates a380 instanceof Plane); // true 


再 看 看 在 ES6 (RER class 


'use strict'; 


class Plane ( 


j 


constructor () ( 
ve 
J 
takeoff () { 
console.log('Taking off'); 
} 


class A380 extends Plane { 


} 


constructor () { 
super(); 


} 


var emirates a380 = new A380(); 
console.log(emirates a380 instanceof A380); // true 
console.log(emirates a380 instanceof Plane); // true 


结果 显而易见 ,程式 码 看 起 上 来 更 直觉 ,更 清楚 易 明 。 


Map 


过 个 物件 就 是 简单 的 键 / 值 (key/value) 对 应 表 , 长 久 以 来 人 们 都 是 使 用 Object KER 
Map 的 功能 ,事实 上 ES6 所 引入 的 Map 还 是 跟 Object 有 所 分 别 : 


所 有 Object 物件 的 原型 都 会 是 Object 的 预 设 键 Object.prototype 。 可 以 

使 用 map = Object.create(null) 去 创建 一 个 没有 原型 的 Object 

Object 的 键 只 可 以 是 字符 串 (String), 但 Map 的 键 可 以 是 原始 数据 (Primitive) 或 

Object。 

Map 的 迭代 是 根据 insertion order, 而 Object 8535 (368 8 38 88. 

Map 新 增 了 许多 额外 方法 ,例如 计算 有 多 少 对 键 值 ,从 前 需要 
Object.keys(myObj).length ,现在 则 有 map.prototype.size 。 


WeakMap 


WeakMap 都 是 简单 的 键 / 值 (key/value) 对 应 表 , 但 键 只 可 以 是 Object 型 别 , 例 如 : 


var wmi = new WeakMap(), 
kl = {}, 
k2 = function () {}, 
k3 = undefined; 


wm1.set(k1,3); 
wm1.get(k1); // 3 
wmi.set(k2,4); 
wmi.get(k2); // 4 
wm1.get(k3); // undefined 


Set 


如 果 论 Map 类 似 Object, ABREtH AT LARA Array 去 实 作 Set, [B Set 值 不 能 重复 亦 不 
能 直接 提取 某 个 位 置 的 值 ,只 可 以 知道 有 没有 过 个 值 ,如 需要 知道 所 有 值 则 使 用 
forEach 迭代 。 


var S1 = new Set(); 
s1.add(1); 
s1.add(5); 


M S DG c 


但 加 入 Object 需要 小 心 ,可 以 看 看 以 下 例子 


var si = new Set(); 
s1.add(Ic:3)); 
s1.add(Ic:3)); 


Sen Ne NES jay 


ie EB Ja A GE DEE T ESTE RINNAN, NIKE ER Map ANE. 


var s1 - new Set(); 

var o= ice: 3 715 
s1.add(o); 

s1.add(o); 

I Set TE S fr } 

var s2 = new Set(); 

var m1 = new Map(); 
mi.set('c',3); 

s2.add(m1); 

få Set t Map IG => 3 1 


WeakSet 


WeakSet 的 限制 跟 WeakMap 一 样 ,只 可 以 加 入 Object 值 而 不 能 是 原始 数据 (只 有 

Q 以 及 function () () ) 为 何 是 Weak, AA WeakSet 壬 面 所 存储 的 值 都 是 
被 弱 引 用 ,所 以 如 果 没 有 其 他 杰 量 引用 该 值 的 话 ,就 不 能 避免 被 回收 掉 (garbage 
collection), 


var ws = new WeakSet(); 
ws.add({c:3}); 
ws.add(function( ){}); 


Typed Arrays 


向 来 JavaScript 处理 Binary Data 都 比较 麻烦 , Typed arrays BY HR FARE 25 [8 (A RS 
REISE LUE, FEM LAB AR is 


Generator 


Generator 是 一 种 函数 ,而 过 一 种 函数 可 以 中 途 见 有 开 , 下 一 次 进入 的 时 候 则 会 载 入 上 一 
次 离开 时 的 状态 (变量 )。 跟 函数 不 同 的 是 当 调 用 Generator 的 时 候 ,是 返回 一 个 

iterator, BM4Tis(A iterator.next() 的 时 候 才 会 执行 Generator 所 定义 的 函数 
直至 第 一 个 yield, yield 定义 了 所 return 的 值 。 以 下 是 一 个 订单 编号 产生 器 : 


function * orderIndexGenerator () ( 
var index - 1; 
var startDay = new Date().toISOString().substring(0, 10); 
while (true) ( 
let today = new Date().toISOString().substring(0, 10); 
// 如 果 下 一 次 呼叫 .next() 时 候 已 经 过 了 一 天 的 话 , 就 需要 更 新 预 设 值 , 那 就 确保 
if (startDay !== today) { 
startDay - today; 
index - 1; 
) 
yield startDay + '-' + index++; 
) 
) 


var oig = new oderIndexGenerator(); 
console.log(oig.next().value); // 2015-09-28-1 
console.log(oig.next().value); // 2015-09-28-2 
console.log(oig.next().value); // 2015-09-28-3 
// 下 一 天 再 执行 

console.log(oig.next().value); // 2015-09-29-1 


| 





Binary and Octal grammar 


创建 二 进 制 数字 的 语法 需要 加 上 一 个 leading zero, (Ob 3 OB), WR Ob 或 0B 4H 
的 不 是 0 或 1, 编译 时 就 会 出 现 syntaxError 的 错误 。 


var binaryNum = 0b3; // SyntaxError: Unexpected token ILLEGAL 


同样 地 创建 八进制 数字 的 语法 需要 加 上 一 个 leading zero, (0o X OO). WR 0o 或 
00 后面 的 不 是 0,1,2,3,4,5,6,7, 编译 时 就 会 出 现 SyntaxError 的 错误 。 


var octNum = 0b8; // SyntaxError: Unexpected token ILLEGAL 


Extension for Object Literal 


有 和 经验 的 开发 者 应 该 不 雁 发 现 ES6 AY Object 与 先前 提 到 的 class 十 分 相似 ,可 以 看 
看 以 下 的 代码 : 


var protoObject = ( key: 'value' }; 
var obj = I 
. proto : protoObject, 
findSuperKey () I 


console.log(super.key); // ZN] super 就 是 指 _ proto — 


>; 


换 转 如 果 用 class FÅ 


'use strict'; 
class protoObject { 
constructor () ( 
this.key = 'value'; 
) 
) 


class obj extends protoObject { 
constructor () ( 
super(); 
) 
findSuperKey () { 
console.log(this.key); 
) 
) 


var 0 = new obj(); 
o.findSuperKey; // 'value' 


另外 ES6 提供 了 一 个 快捷 的 方法 去 创建 Object, 就 是 如 果 当 Object key HAAR 
EBA BEE RAR, FÅ FI DUER Object HUME IE e ^ TU SR. 





// ES6 的 语法 糖 
var a = 'apple', b = 'boy', c = 'cat'; 
var childrenVocab = (a, b, c); 

// 以 前 的 写法 

var a = 'apple', b = 'boy', c = 'cat'; 
var childrenVocab = { a: a, b: b, c: c }; 


Object 的 键 名 也 可 以 动态 加 入 ,不 一 定 用 static string 来 表示 , 使 代码 更 容易 扩展 


var obj = I 

[(function(){return 'dymKey'})()] : 'dymKeyValue' 
i 
// { dymKey: 'dymKeyValue' } 


New String methods 


String.prototype.codePointAt 
String.prototype.normalize 
String.prototype.repeat 
String.prototype.startswith 
String.prototype.endswith 
String.prototype. includes 
String.prototype[Symbol.iterator ] 
// static methods 

String.raw 

String. fromCodePoint 


Symbols 


Symbol 是 ES6 所 定义 的 第 七 种 JavaScript RAH 2 ET n] SHS eH gr] E 
对 原始 数据 的 封装 。 


node-wiki-book 


// 1. 基本 应 用 ,封装 原始 数据 , 支援 typeof 


var s = Symbol(); 
var s = Symbol('foo'); 
var s = Symbol(12); 


var s = Symbol(( a: 1 }); 
typeof Symbol(); // 'symbol' 


// 2. ÆR new 语法 会 扎 出 TypeError 错误 
var s - new Symbol(); // TypeError 


// 3. 不 能 转换 成 string，number 或 使 用 JSON.stringify 

var s = Symbol('foo'); 

S + 0; // TypeError: Cannot convert a Symbol value to a number 

S + 'foo'; // TypeError: Cannot convert a Symbol value to a string 


// 4. 每 次 创建 都 是 新 的 
Symbol('foo') === Symbol('foo'); // false 


// 5. 能 的 封装 成 String 
String(Symbol('foo')); // 'Symbol(foo)' 


// 6. 可 以 用 作 Object 的 key 

var obj = (3; 

var sym = Symbol(); 

obj[sym] = 1; 

console.log(obj[sym]); // 1 

// ATR string key BÆR, .keys LAR .getOwnPropertyNames 78 
0bject.getOwnPropertyNames(obj); // |] 

Object.keys(obj); // [] 

Object.getOwnPropertySymbols(obj); // [ Symbol() | 


// 7. HØR 
var symbol - Symbol.for('foo'); 
Symbol.for('foo') --- symbol && Symbol.keyFor(symbol) --- 'foo'; /, 


HE ER 
实际 应 用 场景 可 以 看 看 过 壬 





Template strings 


NODE ES6 50 


简单 而 言 ,过 是 一 种 语法 糖 ,定义 了 多 行 字 串 (multi-lined string) 的 写法 ,加 入 了 以 及 加 
MER. 


// Before ES6 

var ms = 'A new line is then inserted.\nI am in the new line!'; 
// ES6 syntax sugar 

var ms = `A new line is then inserted. 

I am in the new line!” 


// 模板 字符 串 

varia I 

var b = 1; 

// Before ES6 

console.log(a + ' + ' +b + ' equals to * + (atb)); 
HESG 

console.log( ${a} + ${b} equals to ${a+b} ); 


不 过 过 壬 会 衍生 安全 性 问题 ,由 论 ${...} HEAT USAS ERE MORSE 
接 用 作 上 处 理 用 户 端的 输入 。 


Arrow Functions 


过 兹 不 是 一 种 新 的 概念 ,过 种 匿名 函数 其 实 一 直 都 在 使 用 。 


// Before ES6 

var helloTargets = ['Alice', 'Bob', 'Cindy']; 

helloTargets.map(function(target)( 
console.log('Hello ' + target); 

3); 

// Hello Alice 

// Hello Bob 

// Hello Cindy 





// ES6 FIKK ES E R 
var helloTargets - ['Alice', 'Bob', 'Cindy']; 
helloTargets.map((target) => console.log('Hello ' + target)); 


// 第 二 个 例子 

var psyTest = age => doingTest(age); 

var psyTest = (age) => doingTest(age); 

// FA age => 或 (age) => 都 是 一 样 效果 

var psyTest = age, job => doingTest(age,job); // SyntaxError: Unexpe 
var psyTest - (age,job) -» doingTest(age, job); 

// 如 果 没 有 括号 是 有 问题 的 ， 建 议 使 用 (age) => 是 为 了 方便 日 后 代码 扩展 


pg A— 
BA, => ER function 有 以 下 的 不 同 : 








e (48K) function 可 以 利用 new 来 构造 ， => HAAS 
new 来 构造 。 
e Lexical this , super , arguments , new.target 


e bind HØR => FME 
Alba, CAAT this 的 麻烦 与 迷 思 。 


// Before ES6 
function mother()( 
this.isAngry - true; 
this.callSonToDoHouseWork(function ()( 
if(this.isAngry){ // undefined 
this.shopping(); 


+); 
} 


// 需要 定义 self 去 解决 过 个 问题 
function mother()( 
this.isAngry - true; 
var self - this; 
this.callSonToDoHouseWork(() => I 
if(self.isAngry){ // true 
self.shopping(); 


+); 
} 





// => with lexical this, TREA self 
function mother()( 
this.isAngry - true; 
this.callSonToDoHouseWork(() => I 
if(this.isAngry){ // true 
this.shopping(); 


>); 
} 


Promises 


T8158 x38 X 47 (X88 (Asynchronous) 的 开发 者 对 Promise 麻 该 不 会 陌生 。 它 对 於 
简化 代码 ， 解 决 Callback hell, try/catch 和 无 法 抓 到 回调 办 常 (callback exception) 
的 问题 的 效果 十 分 显著 。 在 先前 的 Node.js 版 本 (0.12) 已 经 有 原生 支持 ， 当 然 还 可 
DÆ BÆR Prmoises/A+ 标准 所 开发 的 第 三 方 框架 去 实 作 起 来 ， (例如 Q, 

bluebird 等 )。 


ES6 所 定义 的 Promise 有 4 种 状态 ， 分 别 是 Pending( 待 定 )， Fulfilled( 成 功 完 
FX), Rejected( 失 败 )， Settled( 已 经 完成 /失败 )。 


// 基本 语法 
new Promise(function(resolve, reject) ( ... }); 


// 例子 

var p1 = new Promise(function(resolve, reject)( 
resolve('finished'); // resolve 就 是 fullfil promise ! 

3); 

var p2 - new Promise(function(resolve, reject)( 
reject('exception p2'); // reject 就 是 reject promise ! 


3); 


pi 

.then(function(val)( 
// .then ÆÆ& promise 被 fulfil 时 应 做 什么 
// 过 个 时 候 的 状态 就 是 settled 
console.log(val); // 'finished' 


3): 


p2 

.then(function(val)( 
// 过 个 时 候 的 状态 就 是 settled 
console.log(val); 

3) 

.catch(function(result)( 
// 过 个 时 候 的 状态 就 是 settled 
// .catch 388 promise 被 reject 时 应 做 什么 
console.log(result); // 'exception p2' 


3); 


除了 .then,  .catch Å, 28 .all LR .race 的 方法 ， 过 个 文档 暂时 
只 提供 基本 Promise 的 应 用 而 已 。 


for...of loops 


过 是 一 个 语法 糖 ， 类 似 CH MH foreach(var item in items) . 


tett ENN 23 

for(let i of i1)( 
console.log(i); 

} 

/* 

all 

2 

3 

E 

let i2 - 'abc'; 

for(let i of i2)( 
console.log(i); 


此 外 ，for...of BEI ET KN 


// Generator instance 

for(let i of (function*(){ yield 1; yield 2; yield 3: }())) ( > | 
// Generic iterable 

for(let i of global. createIterableObject([1, 2, 3])) { ..- } 

// Generic iterable instance 

for(let i of Object.create(global. createIterableObject([1, 2, 3]. 





由 於 ES6 MIRATA, Tf Bl NR me enm Se — ERR ARAM, AR 
以 去 比较 不 同 平 台 和 浏览 器 目前 的 兼容 性 ， 过 个 文档 也 会 不 停 的 更 新 。 


参考 资料 


e ECMAScript compatibility table 


node-wiki-book 


e ES6 in Node.js 


NODE ES6 
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Node.js A 


前 篇 文章 已 经 由 介绍 、 安 装 至 设 定 都 有 完整 介绍 ，Node.js 内 部 除了 JavaScript $5 
用 的 函 式 (function)、 物 件 (object) 之 外 ， 也 有 许多 不 同 的 自 订 物件 ，Node.js 预 设 建 
立 过 些 物 件 为 核心 物件 ， 是 为 了 要 计 开 发 流程 更 为 ， 过 些 资料 在 官方 文件 已 经 具 
许多 具体 褒 明 。 接 下 来 将 会 介绍 在 开发 Node.js 程式 时 常见 的 物件 特性 与 使 用 方 
法 。 


Node.js http 伺服 器 建立 


在 Node .js 官方 移 站 <http://Node.js.org> 实 面 有 举 一 个 最 简单 的 HTTP 伺服 
器 建立 ， 一 开始 初步 就 是 建立 一 个 伺服 器 平台 ， 让 Node.js 可 以 与 浏览 器 互相 行 
为 。 每 种 语言 一 开始 的 程式 建立 都 是 以 Hello world 开始 ， 最 初 也 从 Hello world 带 
各 位 进入 Node.js 的 世界 。 


输入 以 下 程式 码 ， 储 存档 案 为 node_basic_http_hello_world.js 


var server, 
3p S Way- 0:05. 
port = 1337, 
http = require('http'); 


server = http.createServer(function (req, res) { 
res.writeHead(200, {'Content-Type': 'text/plain'}); 
res.end('Hello World\n'); 

3); 


server.listen(port, ip); 


console.log("Server running at http://" + ip + ":" + port); 


FETISA —Dukizs ea Sell EE AS BU R, 


e ip: 机 器 本 身 的 ip 位 置 ， 因 为 使 用 本 地 端 ， 因 此 设 定 为 127.0.0.1 
e port: 需要 开通 的 阜 号 ， 通 常设 定 为 http port 80， 因 和 范例 不 希望 与 基本 port 相 


(8r, båe 1337 


JE Node.js 的 程式 中 ， 有 许多 预 设 的 模 组 可 以 使 用 ， 因 此 需要 使 用 require 方法 将 
RSA, EEK PEER http 过 个 模 组 ， 因 此 将 http KA. http HABER 
建 有 许多 方法 可 以 使 用 ， 过 兆 探 用 createServer 创建 一 个 基本 的 http 伺服 器 ， 再 
将 http 伺服 器 给 予 一 个 server Sx, MAY Ex (call back function) 可 以 载 
入 http 伺服 器 的 资料 与 回应 方法 (request, response), EREA LÆR 
直接 回应 给 浏览 器 端 所 需 的 Header, HÆRS. 


res.writeHead(200, {'Content-Type': 'text/plain')); 
res.end('Hello World\n'); 


http 伺服 器 需要 设 定 port, ip， 在 最 和 后 需要 设 定 http 监 匠 ， 需 要 使 用 到 listen 事件 ， 
监 匠 所 有 http 伺服 器 行为 。 


http.listen(port, ip); 


所 有 事情 都 完成 之 后 ， 需 要 确认 伺服 器 正确 执行 因此 使 用 console, ft JavaScript 
EA Be BR EH, console 所 印 出 的 资料 都 会 显示 於 Node.js fslBg 2s AM, 38 
亡 印 出 的 资料 瘟 不 会 传送 到 使 用 者 页 面 上 ， 之 后 许多 除 壤 (debug) 都 会 用 到 
console 物件 。 


console.log("Server running at http://" + ip + "i" + port); 


Node js http 路 径 建 立 


前 面 已 经 介绍 如 何 建 立 一 个 简单 的 http 伺服 器 ， 接 下 来 本 章节 将 会 介绍 如 何 处 理 伺 
服 器 路 径 (route) 问题 。 在 http 的 协定 下 所 有 从 浏览 器 发 出 的 要 求 (request) 都 需 
要 经 过 处理 ， 路 径 上 的 建立 也 是 如 此 。 


路 径 就 是 指 伺服 器 ip 位 置 ， 或 者 是 网 域名 称 之 后， 对 於 伺服 器 给 予 的 要 求 。 修 改 刚 
才 的 hello world 档案 ， 修 改 如 下 。 


server - http.createServer(function (req, res) ( 
console.log(req.ur1); 
res.writeHead(200, ('Content-Type': 'text/plain'}); 
res.end('hello world\n'); 


3): 


ET AE) Node.js 程式 人 后， 在 浏览 器 端 测试 一 下 路 径 行 为 ， 结 果 如 下 图 : 


Z C f © 127.0.0.1:1337/test 





this is test page. 


当 在 浏览 器 输入 http://127.0.0.1:1337/test ， 在 伺服 器 端 会 收 到 两 个 要 求 ， 一 个 是 
我 们 输入 的 /test 要 求 ， 另 外 一 个 则 是 /favicon.ico。 /test 的 路 径 要 求 ， http 伺服 器 
本 身 需 要 烃 过 程式 设 定 寺 有 办 法 回应 给 浏览 器 端 所 需要 的 回 麻 ， 在 伺服 器 中 所 有 的 
路 径 要 求 都 是 需要 被 解析 才 有 闪 法 取得 资料 。 从 上 面 解 府 可 以 了 解 到 在 Node.js Å 
中 所 有 的 路 径 都 需要 经 过 设 定 ， 未 烃 过 设 定 的 路 由 会 让 浏览 器 无 法 取得 任何 资料 痢 
致 错误 页 面 的 发 生 ， 底 下 将 会 解 诊 如 何 设 定 路 由 ， 同 时 避免 费 生 错 误 情 形 。 先前 

Node.js 程式 需要 增加 一 些 修 改 ， 才 能 让 使 用 者 透 过 浏览 器 ， 在 不 同 路 笃 时 有 不 同 
的 结果 。 根 据 刚 才 的 程式 做 如 下 的 修改 ， 


var server, 

ip ODO 
port = 1337, 

http = require('http'), 
url = require('url'), 
path; 


server = http.createServer(function (req, res) { 
path = url.parse(req.url); 


res.writeHead(200, {'Content-Type': 'text/plain'}); 


switch (path.pathname) { 
case "/index": 
res.end('I am index.\n'); 
break; 
case "/test": 
res.end('this is test page.\n'); 


break; 
default: 
res.end('default page.\n'); 
break; 
) 
3); 


server.listen(port, ip); 


console.log("Server running at http://" + 3p + "i" + port); 


程式 做 了 片段 的 修改 ， 首 先 载 入 url 模 组 ， 另 外 增加 一 个 path Sk. url 模 组 就 跟 
如 同 他 的 命名 一 般 ， 专 门 不 理 url 字 串 处 理 ， 壬 面 提 供 了 许多 方法 来 解决 路 径 上 的 问 
题 。 因为 从 浏览 器 发 出 的 要 求 路 径 可 能 会 带 有 多 种 需求 ， 或 者 GET 参数 组 合 等 。 
因此 我 们 需要 将 路 径 单 纯化 ， 取 用 路 径 部 分 的 资料 即 可 ， 例 如 使 用 者 可 能 会 送出 
http://127.0.0.1:1337/test?send=1 ， 如 果 直 接 信任 req.url 就 会 收 到 结果 为 test? 
send=1 ， 所 以 需要 透 过 url 模 租 的 方法 将 路 径 资 料 过 滤 。 


FEE XR SR FH url.parse BAA, tB AEG EN, SIEG ADM. ATE 
需 方便 使 用 ， 将 回 传 的 资料 设 定 到 path SHE, ED BEES EET], amas 
SA, "DTI, 


{ search: '?send=1', 
query: ‘send=1', 
pathname: '/test', 
path: '/test?send-1', 
href: '/test?send-1' } 


{ pathname: '/favicon.ico', 
path: '/favicon.ico', 
href: '/favicon.ico' } 





127.0.0.1:1337/test?send 


! f © 127.0.0.1:1337/test?send=1 


GERE ER EMBETE SK, BHA path.pathname ， 就 可 以 达到 我 们 的 目 


最 后 要 做 路 径 的 判别 ， 在 不 同 的 路 径 可 以 指定 不 同 的 输出 ， 在 范例 中 有 三 个 可 能 结 
第 一 个 从 浏览 器 输入 index 就 会 显示 index iR, /test 就 会 呈现 出 test 页 

最 后 如 果 都 不 符合 预期 的 输入 会 直接 显示 default MAM, mRNA A LR 
提 器 不 会 出 现 非 预期 千 果 ， 让 程式 的 可 靠 性 提 异 ， 底 下 为 测试 结果 。 


= C ff © 127.0.0.1:1337/index 


I am index. 


c C f © 127.0.0.1:1337/test 


this is test page. 


€ Q f$ © 127.0.0.1:1337 


default page. 


oH Q ft © 127.0.0.1:1337/error?send=1 


default page. 


Node.js tz 33581 


前 面 已 经 介绍 如 何 使 用 路 由 (rount) 做 出 不 同 的 回应 ， 实 际 应 用 只 有 在 浏览 器 只 有 
输出 姜 个 文字 资料 狠 是 不 久 的 ， 在 本 章节 中 将 介绍 如 何 使 用 档案 读 取 ， 输 出 档案 资 
料 ， 让 使 用 者 在 前 端 浏览 器 也 可 以 读 取 到 完整 的 HTML, CSS, JavaScript 档案 输 
出 。 


档案 管理 最 重要 的 部 分 就 是 File system 
«http://node.js.org/docs/latest/api/fs.html» 过 个 模 租 ， 此 模 组 可 以 针对 
档案 做 管理 、 监 控 、 读 取 等 行为 ， 壬 面 有 许多 预 设 的 方法 ， 底 下 是 档案 输出 的 基本 
范例， 底下 会 有 两 个 档案 ， 第 一 个 是 静态 HTML 档案 ， 


<!DOCTYPE html» 
<html xmlns="http://www.w3.0rg/1999/xhtml" xml:langz"zh-tw" lang=": 
«head» 
«meta http-equiv-"Content-Type" content="text/html; charset=UTI 
<title>Node.js index html file</title> 
«/head» 
«body» 
<hi>Node.js index html file</h1> 
«/body» 


</html> 





另 一 个 为 Node.js 程式 ， 


Van 和 fs 三 Gedluanae (ES 
filename = "static/index.html", 
encode = "utf8"; 


fs.readFile(filename, encode, function(err, file) { 
console.log(file); 


3); 


一 开始 直接 载 入 file system 模 和 组 ， 载 入 名称 为 fs 。 读 取 档 案 主 要 使 用 的 方法 为 
readFile, AIAS% 路 径 (file path) , 编码 方式 (encoding) ， BÆR 
(callback) ， 路 径 必 须要 设 定 为 静态 html 所 在 位 置 ， 才 能 指定 到 正确 的 档案 。 表 和 驴 
档案 的 编码 方式 也 必须 正确 ， 过 还 使 用 静态 档案 的 篇 码 为 utf8 , JR USE AES 
误 ，Node.js ÆRMER REIER byte raw 格式 输出 ， 如 果 错误 编码 格式 ， 会 
导致 输出 资料 为 byte raw 


eoo 1. clonn@clonn-Mz 
clonnéclonn-MacBook-Air:-/node/nodejs-book/src$ node node basic file simple.js 





«Buffer 3c 21 44 4f 43 54 59 50 45 20 68 74 6d 6c 3e Qa 3c 68 74 6d Gc 20 78 Gd 1 


OERS HERSEAMIEES, error 为 错误 资讯 ， 如 果 读 取 的 档案 不 存在 ， 或 
HE, error 数值 会 是 true ， 如 果 成 功 读 取 资料 error 将 会 是 false 。 
content 则 是 档案 内 容 ， 资 料 读 取 和 后 将 会 把 资料 全 数 委 到 content 这 个 变数 当中 。 


Ex (E Ee BUS REAN F, 


clonn@clonn-MacBook-Air:~/node/nodejs-book/src$ node node basic file simple.js 
<!DOCTYPE html» 
«html xmlns-"http://www.w3.0rg/1999/xhtml" xml:lang-"zh-CN" Lang="zh-CN"> 
«head» 
«meta http-equiv="Content-Type" content="text/html; charset=UTF-7" /> 
<title>node.js index static file</title> 


«/head» 
«body» 
<hi>node.js index static file</hi> 
</body> 
</html> 





Node.js http 5$ 55 TE Fi tH 


前 面 已 经 了 解 如 何 读 取 本 地 端 档 案 ， 接 下 来 将 配合 http 伺服 器 路 由 ， 让 每 个 路 由 都 
能 为 输出 相对 应 的 静态 html 档案 。 ESTE AEE RE html 档案 : 


<!DOCTYPE html> 


< xmlns="http://www.w3.0rg/1999/xhtm1" xml:lang="zh-TW" lang=": 
<head> 
< http-equiv="Content-Type" content="text/html; charset-UTI 
< >Node.js index html file</ > 
</| > 
< > 


<hi>Node.js index html file</h1> 





node-wiki-book 


<!DOCTYPE html» 
<html xmlns="http://www.w3.0rg/1999/xhtml" xml:langz"zh-TW" lang=": 
«head» 
«meta http-equiv-"Content-Type" content="text/html; charset=UTI 
<title>Node.js test html file</title> 
«/head» 
<body> 
<hi>Node.js test html file</h1> 
</body> 
</html> 


HE 





<!DOCTYPE html» 
<html xmlns="http://www.w3.0rg/1999/xhtml" xml:langz"zh-TW" lang=": 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTI 
<title>Node.js static html file</title> 
</head> 
<body> 
<hi>Node.js static html file</hi> 
«/body» 
</html> 


1 ——————————ÉÉÁÉÉÓHüt 
淮 储 一 个 包含 基本 路 由 功能 的 http 伺服 器 





NODE_BASIC 64 


var server, 
in 2700 
port = 1337, 
http = require('http'), 
url = require('url'); 


server = http.createServer(function (req, res) { 
var path - url.parse(req.ur1); 


3); 


server.listen(port, ip); 


console.log("Server running at http://" + ip + ":" + port); 


加 入 file system #8, 使 用 readFile 的 功能 ， 将 过 一 段 程式 放 置 於 createServer 
BS BIETER rh. 


fs.readFile(filePath, encode, function(err, file) ( 


3); 


readFile ERKAMA mH, FASET ITFSERAER, TEEN 
设 定 读 取 的 档案 为 html 静态 档案 ， 所 以 Content-type 设 定 为 text/html , ÆRE) 
档案 的 内 容 ， 将 会 正确 输出 成 html 静态 档案 。 


fs.readFile(filePath, encode, function(err, file) { 
res.writeHead(200, ('Content-Type': 'text/html')); 
res.write(file); 
res.end(); 


3); 


PES ALENE NSO TX, FIT EMNE. ERE LUN 
调整 ， 目 前 的 静态 档案 全 部 都 放置 於 static 资料 来 ET, KE SA Race 
料 来 位 置 。 


接著 将 浏览 器 发 出 要 求 路 径 与 资料 来 租 合 ， 读 取 正 确 html 静 驴 档案 。 使 用 者 有 可 能 
会 输入 错误 路 径 ， 所 以 在 读 取 档案 的 时 候 要 加 入 错误 处 理 ， 同 时 回应 404 伺服 器 无 
法 正确 回应 的 http header 格式 。 


加 入 过 些 细 节 的 修改 ， 一 个 基本 的 http FARE html 输出 伺服 器 就 完成 了 ， 完 整 程式 码 
如 下 ， 


var server, 
ip =D, 
port = 1337, 
http = require('http'), 


ES = reduire fis 
folderPath = "static", 
url = require('url'), 
path, 

filePath, 

encode = "utf8"; 


server = http.createServer(function (req, res) { 
path = url.parse(req.url); 


filePath = folderPath + path.pathname; 


fs.readFile(filePath, encode, function(err, file) I 


if (err) I 
res.writeHead(404, {'Content-Type': 'text/plain')); 
res.end(); 
return; 

} 


res.writeHead(200, {'Content-Type': 'text/application'}); 
res.write(file); 
res.end(); 
}); 
}); 


server.listen(port, ip); 


console. log(“Server running åt http://" + ip + ":" + port); 


Node.js http GET ZUBLEREX 


http 伺服 器 中 ， 除 了 路 由 之 外 另 一 个 最 单 使 用 的 方法 就 是 揪 取 GET 资料 。 本 单元 将 
会 介绍 如 何 透 过 基本 http 伺服 器 揪 取 浏览 器 传 来 的 要 求 ， 搬 取 GET 资料 。 


在 http 协定 中 ，GET 参数 都 是 厌 由 URL 从 浏览 器 发 出 要 求 送 至 伺服 器 端 ， 基 本 的 
传送 网 址 格式 可 能 如 下 ， 


http://127.0.0.1/test?send-1&test-2 


ERGs att, mb GET 参数 就 是 send 而 近 个 变数 的 数值 就 为 1， 如 果 想 要 在 
http 伺服 器 取得 GET 资料 ， 需 要 在 浏览 器 给 予 的 要 求 (request) 做 处 理 ， 


首先 需要 载 人 query string 过 个 模 组 ， 过 个 模 组 主要 是 用 来 将 字 串 资料 过 沽 和 后， 塌 
换 成 JavaScript 物件 。 


qs = require('querystring'); 


接著 在 第 一 阶段 ， 利 用 url 模 组 过 滤 浏 览 器 发 出 的 URL AAR, S e EB HETE 
的 query EH, ZAPP, ARGEN, 


send=1&test=2 


734 query string, {FA parse 过 个 方法 将 资料 转换 成 JavaScript 物件 ， 就 表示 
GET 的 资料 已 经 被 伺服 器 端正 式 搬 取 下 来 ， 


path = url.parse(req.url); 
parameter - qs.parse(path.query); 


整个 Node.js http GET SW sc EDEN F, 


var server, 
dip qd» Orge 
port = 1337, 
http = require('http'), 
qs = require('querystring'), 
url = require('url'); 


server = http.createServer(function (req, res) { 
var path = url.parse(req.url), 
parameter = qs.parse(path.query); 


console.dir(parameter); 
res.writeHead(200, {'Content-Type': 'text/plain'}); 
res.write('Browser test GET parameter\n'); 


res.end(); 


3); 


server.listen(port, ip); 


console.log("Server running at http://" + ip + ":" + port); 


程式 运作 之 后， 由 浏览 器 输入 要 求 移 址 之 和 后， 伺服 器 端 回 应 资料 为， 


Server running at http://127.0.0.1:1337 
i send: '1', test: '1' } 


KEM ESI 


前 面 所 解 褒 的 部 份 ， 一 大 部 分 主要 是 处 理 http 伺服 器 基本 问题 ， 踊 然 在 某 些 部 分 有 
牵扯 到 http 伺服 器 基本 有 运作 原理 ， 主 要 还 是 希望 可 以 厌 由 过 些 基本 和 范 例 张 习 
Node.js, 8 DREA ARR, SIES JavaScript 风格 程式 。 当 然 
BEGER Node.js 是 非常 辛苦 的 ， 接 下 来 在 模 组 实战 开发 的 部 份 将 会 介绍 特定 
的 模 和 组 ， 一 步 一 步 带 领 各 位 从 无 到 有 进行 Node.js 应 用 程式 开发 。 


NPM 套件 管理 工具 


nom 全 名 为 Node P ackage Manager, 是 Node.js 的 套件 (package) 管理 工 
EB, 类 似 Perl 的 ppm 或 PHP 的 PEARS. 安装 npm 后， 使 用 npm install 
module name 指令 即 可 安装 新 套件 ， HBESBEAN LES Siem. 


nom 可 以 让 Node.js 的 开发 者 ， 直接 利用 、 扩 充 线 上 的 套件 库 (packages 
registry) ， 加 速 软体 专案 的 开发 。 npm 提供 很 友善 的 搜寻 功能 ， 可 以 快速 找到 
安装 需要 的 套件 ， 当 和 过 些 套件 发 行 新 版 本 时 ， nom 也 可 以 协助 开发 者 自动 更 新 过 
些 套件 。 


npm 不 仅 可 用 於 安装 新 的 套件 ， 它 也 支援 搜寻 、 列 出 已 安装 模 组 及 更 新 的 功能 。 


安装 NPM 


nvm 在 安装 Node.js 时 即 会 内 建 npm， 请 先 参考 NODE_ INSTALL 


NPM 安装 和 后 测试 


npm 是 指令 列 工 具 (command-line tool) , 使 用 时 请 先 打 开 系 统 的 文字 称 端 机 工 


测试 npm 安装 与 设 定 是 否 正 确 ， 请 输入 指令 如 下 : 


npm --version 


如 果 npm 已 经 正确 安装 设 定 ， 就 会 显示 版 本 讯息 
e 执行 结果 (范例 ) 


4519-2 


使 用 NPM 安装 套件 


npm 目前 拥有 超过 6000 种 套件 (packages) , 可 以 在 npm registry 
«https://www.npmjs.com/» 使 用 关键 字 搜寻 套件 。 


https://www.npmjs.com/ 


举例 来 褒 ， 在 关键 字 栏 位 输入 Dcoffee-script] , 下 方 的 清单 就 会 自动 列 出 包含 
coffee-script 关键 字 的 套件 。 


npm registry 6909 total packages 
Find packages... 


coffee- script | or browse packages. 


coffee-script Unfancy JavaScript javascript language coffeescript compiler 


coffee-conf Write your config files in coffee-script. 
coffee-script config loading application dsl domain specific language 


coffeelint Lint your CoffeeScript lint coffeescript coffee-script 
coffin Coffee dsl for aws cloudformation coffeescript coffee-script aws cloudformation 


connect-compiler Dynamically recompile stale assets 
connect middleware compiler development coffee-script coco jade stylus less css minify 


mfc Micro Framework for CoffeeScript coffee-script javascript coffeescript framework 


node-cache Simple and fast NodeJS internal caching. 
cache caching local variable coffee coffee-script underscore multi 


roast CommonJS for compiled CoffeeScript. coffee-script coffeescript commonjs require 
amz Amazon EC2 cli on coffee-script amazon ec2 cli 


Res MOS ime, npm 的 指令 工具 本 身 就 可 以 完成 套件 搜寻 的 任 


x. 
35. 


例如 ， 以 下 的 指令 同样 可 以 找 出 coffee-script 相关 套件 。 


npm search coffee-script 


以 下 是 搜寻 和 结果 的 参考 书面 : 


moo 人 终端 机 — bash 一 131x21 
https://registry.npmjs.org/-/all/since?stale-update after&startkey-1328322837000 J 
200 https://registry.npmjs.org/-/all/since?stale=update_after&startkey=1328322837000 

DESCRIPTION AUTHOR DATE KEYWORDS 

Amazon EC2 cli on =selead 2012-01-31 16:39 amazon ec2 cli 
coffee-conf Write your config files in - -MSNexploder 2011-11-20 21:43 c 

Unfancy JavaScript =jashkenas 2012-01-13 23:07 javascript lang 
coffee-toaster Minimalist dependency management system for =nybras 2011-10-29 12:25 
coffeeapp CoffeeApp wrapper (handling ) for CouchApp (http: //couchapp.org/). -andrzejsliwa 2011-01-28 23:16 
coffeelint Lint your CoffeeScript =clutchski 2012-01-26 05:56 lint coffeescri 
coffeescript-notify notify tool for coffee based on the coffeescript-growl tool =bdryanovski 2011-09-17 14:34 coffe 
coffin Coffee dsl for aws cloudformation =chrisfjones 2012-01-04 20:12 coffeescript co 
connect-compi ler Dynamically recompile stale assets 2011-12-26 15:43 connect middlew 
cupcake Quick Web App Template Generator j 2012-02-04 01:52 javascript expr 
gesundheit Concise SQL generation in 2012-02-01 06:07 
iced- IcedCoffeeScript 2012-02-04 01:09 javascript lang 
mfc Micro Framework for CoffeeScript =tadeuzagallo 2012-01-17 17:34 j 
node-cache Simple and fast NodeJS internal caching. -tcs-de 2011-10-20 14:52 cache caching 1 
roast CommonJS for compiled CoffeeScript. =chrislloyd (prehistoric) c 
stitcher js less css eco commonJs stitcher. -sunliutao 2012-01-17 09:02 ) 
tamed- Unfancy JavaScript =maxtaco 2011-12-12 22:@1 javascript lang & 
tiers Web framework built on : -terryvesper 2011-03-14 22:38 tiers web frame 





找到 需要 的 套件 和 后 (例如 express) ， 即 可 使 用 以 下 指令 安 装 : 


npm install coffee-script 


值得 注意 的 一 点 是 ， 使 用 npm install 会 将 指定 的 套件 ， ZELER 
(Working Directory) 的 node modules 资料 来 下 。 


以 Windows 436i], WRAT npm install 的 目 钞 位於 : 
C:\project1 

ARE npm 将 会 自动 建立 一 个 node modules MF BØ (如 果 不 存在 ) 。 
C:NprojectiNnode modules 

X EUÉERERBEdSE, HENESEF BR, Gls : 
C:\project1\node_modules\coffee-script 


过 个 设计 让 专 案 可 以 个 别管 理 相依 的 套件 ， WANES MERETE, 将 过 
些 套件 (位 於 node modules) HHE, 方便 其 它 专 案 的 使 用 者 不 必 下 重新 下 载 
套件 。 


过 个 npm install 的 预 设 安装 模式 为 local (本 地 )， 只 会 变更 当前 专案 的 资料 
RK, 不 会 影响 系统 。 


另 一 种 安装 模式 称 为 global (41%) , 和 种 模式 会 将 套件 安装 到 系统 资料 来 ， 也 
就 是 npm 安装 路 径 的 node modules 资料 来 ， 例如 : 


C:Program Filesnodejsnode modules 


是 否 要 使 用 全 域 安装 ， 可 以 依照 套件 是 否 提供 新 指令 来 判断 ， FØRR, 


express 套件 提供 express 过 个 指令， 而 coffee-script 则 提供 coffee HS. 


在 local 安装 模式 中 ， 过 些 指令 的 程式 档案 ， 会 被 安装 到 node modules 的 
.bin 过 个 隐藏 资料 来 下 。 除非 将 .bin 的 路 径 加 入 PATH RASA, 否则 要 执行 


过 些 指令 将 会 相当 不 便 。 


为 了 方便 指 今 的 执行 ， 我 们 可 以 在 npm install 加 上 -g 或 --global & 
Bi, 放 用 global 安装 模式 。 例 如 : 


npm install -g coffee-script 
npm install -g express 


使 用 global 安装 模式 ， 需要 注意 执行 权限 与 搜寻 路 径 的 问题 ， FØRTE, FÅ 
会 出 现 类 似 以 下 的 错误 讯息 : 


npm ERR! Error: EACCES, permission denied '...' 
npm ERR! 
npm ERR! Please try running this command again as root/Adminis! 





ES IE ESTNE, ERE PRE : 


e Windows 7 或 2008 ELE, Æ TA Hen Fun] HRERAR, BE 「 以 系统 
管理 员 身 分 执行 ] , 执行 npm 指令 时 就 会 具有 Administrator 身分 。 
e MacOS X xk Linux 系统 ， 可 以 使 用 sudo 指令 ， 例 如 : 


sudo npm install -g express 


e Linux 系统 可 以 使 用 root ERZA, REL I sudo su - | 切换 成 root E 
分 。 (使 用 root ÆREN MIA Sole, KLM TIER FREE, ) 


若 加 上 -g 参数 ， 使 用 npm install -g coffee-script 完成 安装 和 后， 就 可 
以 在 终端 机 执行 coffee 指令 。 例 如 : 


coffee -v 


e 执行 结果 (范例 ) 


CoffeeScript version 1.2.0 


AAi% Node.js 套件 安装 路 径 加 入 环境 变数 NODE_PATH， 在 引入 时 会 回报 错误 。 
e 报错 范例 


module.js:340 
throw err; 


Error: 
at 
at 
at 
at 
at 
at 
at 
at 
at 
at 


^ 


Cannot find module 'express' 

Function.Module. resolveFilename (module.js:338:15) 
Function.Module. load (module.js:280:25) 
Module.require (module.js:362:17) 

require (module.js:378:17) 


Object.<anonymous> (/home/clifflu/test/node.js/httpd/expres: 
Module. compile (module.js:449:26) 

Object.Module. extensions..js (module.js:467:10) 
Module.load (module.js:356:32) 

Function.Module. load (module.js:312:12) 

Module.runMain (module.js:492:10) 





e 使 用 ubuntu PPA 安装 Node.js 的 设 定 和 范例 


echo 


'NODE PATH-"/usr/lib/node modules"' | sudo tee -a /etc/enviror 





TUER SUNT MERE 


除了 前 一 节 


褒 明 的 search 及 install 用 法 ， npm 还 提供 其 他 许多 指令 


(commands) 。 


使 用 npm help 可 以 查询 可 用 的 指 兮 。 


npm help 


e HITR (部 分 ) 


where «command» is one of: 

adduser, apihelp, author, bin, bugs, c, cache, completion, 
config, deprecate, docs, edit, explore, faq, find, get, 
help, help-search, home, i, info, init, install, la, link, 
list, ll, ln, login, ls, outdated, owner, pack, prefix, 
prune, publish, r, rb, rebuild, remove, restart, rm, root, 
run-script, s, se, search, set, show, star, start, stop, 
submodule, tag, test, un, uninstall, unlink, unpublish, 
unstar, up, update, version, view, whoami 


使 用 npm help command 可 以 查询 指使 的 详细 用 法 。 例 如 : 
npm help list 

接 下 来 ， 本 和 节 要 介绍 开发 过 程 常 用 的 npm 184. 

使 用 list 可 以 列 出 已 安装 套件 : 


npm list 


e HATER (E01) 


I— coffee-script@1.2.0 
LI— express@2.5.6 
| connect@1.8.5 
| —— formidable@1.0.8 
| mimeQ1.2.4 
| mkdirp@0.0.7 
L— qs00.4.1 


检视 某 个 套件 的 详 组 资讯 ， 例 如 : 


npm Show express 


升 航 所 有 套件 GRE DB ih BATRA) 


npm update 


升级 指定 的 套件 : 


npm update express 


移 除 指定 的 套件 : 


npm uninstall express 


使 用 package.json 


对 於 正式 的 Node.js 专案 ， 可 以 建立 一 个 命名 为 ”package.json 的 设 定 档 (EX 
字 格 式 ) ， 档案 内 容 参 考 和 范例 如 下 : 


package.json (和 范例) 


"name": "application-name", 
versions Did sre 
"private": true, 
"dependencies": ( 
vexpress T2556, 
"coffee-script": "latest", 
"mongoose": ">= 2.5.3" 
) 
) 


亦 可 使 用 NPM 内 建 的 REPL(Read-Eval-Print Loop) € 4package.jsont# 
npm init 


其 中 name § version 依照 专案 的 需求 设置 。 


需要 注意 的 是 dependencies 的 设 定 ， 它 用 於 指定 专案 相依 的 套件 名 称 及 版 本 : 


e "express": "2.5.5" 

/代表 此 专案 相依 版 本 2.5.5 BY express 套件 
e "coffee-script": "latest" 

// 使 用 最 新 版 的 coffee-script 套件 〈 每 次 更 新 都 会 检查 新 版 ) 
e "mongoose": ">= 2.5.3" 

I HE FARRA AES 2.5.3 的 mongoose 套件 


假设 某 个 套件 的 新 版 可 能 造成 专案 无 法 正常 运作 ， 就 必须 指定 套件 的 版 本 ， 避免 
专案 的 程式 码 来 不 及 更 新 以 相 容 新 版 套件 。 通常 在 开发 初期 的 专案 ， FE 
维持 新 套件 的 相 容 性 (以 取得 套件 的 更 新 或 修正 ) ， 可 以 用 | >= J| REREH 
容 的 版 本 ， 或 是 使 用 I latest J」 设 定 永 带 保持 最 新 套件 。 


Express NA 


在 前 面 的 Node.js RRS Hi tat Sat S pdskhttp 的 使 用 方法 及 介绍 ， 以 及 许多 基 
本 的 Node.js 基本 应 用 。 


BE TREN AEE Hj A express Express, SEE H+ FE IT AFS Node.js 
http server 所 需要 的 基本 服务 ， 让 并 发 http service VBS 98 A82, TREERE 
要 透 过 层 层 模 和 组 (module) 才 有 闪 法 开始 编写 自己 的 程式 。 


过 个 套件 是 由 TJ Holowaychuk ETT KRAVE HH, ER elm AA B EIS 
(route), http 资料 处 理 (GET/POST/PUT) ， 另 外 还 与 样板 套件 (js html template 
engine) 搭配 ， 同 时 也 可 以 处 理 许多 复杂 化 的 问题 。 


Express 安装 


安装 方式 十 分 简单 ， 只 要 透 过 之 前 介绍 的 NPM 就 可 以 使 用 简单 的 指令 安装 ， 指 今 
如 下 ， 


npm install -g express 


BEAT ES LEARRA TRR, 7748 ER. 


Express 基本 操作 


express 的 使 用 也 十 分 简单 ， 先 来 建立 一 个 基本 的 hello world ， 


var app = require('express')(); 
var port - 1337; 


app.listen(port); 


app.get('/', function(req, res)( 
res.send('hello world'); 


3); 


console.log('start express server\n'); 


可 以 从 上 面 的 程式 码 发 现 ， 基 本 操作 与 Node.js http BPJE&3T7; US BK AER, È 
要 差 在 当 我 们 设 定 路 由 上 时， 可 以 直接 透 过 app.get 方式 设 定 回应 与 接受 方式 。 


Express 路 由 上 处理 


Express 对 於 http 服务 上 有 许多 包装 ， 广 开发 者 使 用 及 设 定 上 更 为 方便 ， 例 如 有 类 
个 路 由 设 定 ， 那 我 们 就 统一 厌 由 app.get 来 处 理 ， 
Create http server 
app.get('/', function(req, res) 


res.send('hello world'); 


3); 


app.get('/test', function(req, res)( 
res.send('test render'); 


3); 


app.get('/user/', function(req, res){ 
res.send('user page'); 


3): 





如 上 面 的 程式 码 所 表示 ，app.get 可 以 带 入 两 个 参数 ， 第 一 个 是 路 径 名 称 设 定 ， 第 
få 4 [8I ÆR 3 (call back function), [Bl Ex X t TRE si ME 2 BBY createServer 75 
ik, MOS request, response 两 个 物件 可 供 使 用 。 使 用 者 就 可 以 透 过 浏览 器 ， 


输入 不 同 的 url RSI TAA Exin, BARTER. 


路 由 设 定 上 也 有 基本 的 配对 方式 ， 让 使 用 者 从 浏览 器 输入 的 移 址 可 以 是 一 个 构 数 ， 
只 要 符合 型 态 就 可 以 有 对 应 的 页 面 产 出 ， 例 如 ， 


app.get('/user/:id', function(req, res)( 


res.send('user: ' + req.params.id); 
3): 
app.get('/:number', function(req, res){ 
res.send('number: ' + req.params.number); 
3): 
剧 — K 





ÆR f FH Sl:number ， 和 从 移 址 输入 之 后 就 可 以 直接 使 用 req.params.number 取得 所 
fn MEN, Skul 参数 使 用 ， 当 然 前 面 也 是 可 以 加 上 路 径 的 设 定 ， /user:id， 在 
浏览 器 上 路 径 必 须 符 合 /userxxx， 透 过 req.params.id 就 可 以 取 到 xxx 过 个 字 串 
值 。 


另外 ，express 参数 处 理 也 提供 了 路 由 参数 配对 处 理 ， 也 可 以 透 过 正规 表示 法 作为 
BREE, 


var app = require('express').createServer(), 
port = 1337; 


app.listen(port); 


appedet NPE SEN SNE CENSUI 
res.send(req.params); 


3); 





THEA, PJ LHR HEN REE AKTIA, ERNA lip 之 
和 后， 必须 要 加 上 ip 型 态 才 会 符合 资料 格式 ， 同 时 取得 ip 资料 已 经 由 正规 表示 法 将 资 
料 做 分 群 ， 因 此 可 以 取得 ip 的 四 个 数字 。 


IERT, TASS SM, $8p A Wb s 
localhost:3000/ip/255.255.100.10, "EA Efe ER, 


[ 
moot 
2 
"stetur 
"49" 

] 


此 章节 全 部 范例 程式 码 如 下 ， 


[ow 
* @overview 
* 
* @author Caesar Chi 
* @blog clonn. blogspot.com 
* @version 2012/02/26 
27 


// create server. 
var app = require('express').createServer(), 
port = 1337; 


app.listen(port); 


// normal style 
app.get('/', function(req, res){ 
res.send('hello world'); 


ID; 


app.get('/test', function(req, res) 
res.send('test render'); 


3); 


// parameter style 
app.get('/user/:id', function(req, res)( 
res.send('user: ' + req.params.id); 


ID; 


app.get('/:number', function(req, res)( 
res.send('number: ' + req.params.number); 


3): 


// REGX style 
app get NPA SENNA 3399062 "NC Ed 9) fu 
res.send(req.params); 


3); 


app.get('*', function(req, res)( 
res.send('Page not found!', 404); 


3): 


console.log('start express server\n'); 


| 





Express middleware 


Express 实 面 有 一 个 十 分 好 用 的 应 用 概念 称 为 middleware， 可 以 透 过 middleware 
做 出 复杂 的 效果 ， 同 时 上 面 也 有 介绍 next HABA, HSE middleware 的 概 
念 来 传 瑰 参 数 ， 让 开发 者 可 以 明确 的 控制 程式 玩 辑 。 


/ create http server 
app.use(express.bodyParser()); 
app.use(express.methodOverride()); 
app.use(express.session()); 


上 面 都 是 一 种 middleware 的 使 用 方式 ， 透 过 app.use 75 x8 rn Sk A ES HTA 
法 ， 回 应 画 式 会 包含 三 个 基本 参数 ，response， request, next， 其 中 next 表示 下 
一 个 middleware 执行 男 式 ， 同 时 会 自动 将 预 设 三 个 参数 继续 带 往 下 个 范式 执行 ， 
底下 有 个 实验 ， 


上 面 的 片段 程式 执行 和 后， 开放 浏览 器 ， 连 结 上 localhost:1337/， 会 发 现 伺服 器 回应 
结果 顺序 如 下 ， 


first middle ware 
second middle ware 
execute middle ware 

end middleware function 


4t FAIR PILS, MIF EEA middleware 都 生效 了 ， 在 app.use KEN 
middleware 是 所 有 url 此 会 执行 方法 ， 如 果 有 指定 特定 方法 ， 就 可 以 使 用 app.get 
的 middleware 设 定 ， 在 app.get HANA PSA, MANGAN, RAEE 
ZH, REXAHHRE request, response, next 过 三 个 参数 ， 同 时 也 有 
正确 指定 next 函 式 的 执行 时 机 ， 最 后 都 会 执行 到 最 后 一 个 方法 ， 当 然 开 发 者 也 可 
DEAF ESTE — (PS ER, FEILE AN. 


Express Få HÆR 


TEGE LIES ENFEERSYAFAA, WAS eA, express HH 
提供 了 一 个 很 棒 的 处 理 方 法 app.all 过 个 方式 ， 可 以 先 揉 用 基本 路 由 配对 ， 再 将 设 
定 为 每 个 不 同 的 处 理 方 式 ， 开 发 者 可 以 透 过 过 个 方式 简化 自己 的 程式 玩 辑 ， 


var app = require('express').createServer(), 
port = 1337; 


app.listen(port); 


normal style 
app.get('/', function(req, res)( 
res.send('hello world'); 


3): 


app.get('/test', function(req, res)( 
res.send('test render'); 


3); 


// parameter style 


app.get('/user/:id', function(req, res)( 


res.send('user: ' + req.params.id); 
3): 
app.get('/:number', function(req, res)( 
res.send('number: ' + req.params.number); 
+); 


// REGX style 
aper NNN SN 3 (N23 Ful 
res.send(req.params); 


3): 


app.get('*', function(req, res)! 
res.send( 'Page not found!', 404); 


3); 


console.log('start express server\n'); 
[| = = 


内 部 宣告 一 组 预 设 的 使 用 者 分 别 给 予 名 称 设 定 ， 藉 由 app.all 过 个 方法 ， 可 以 先 将 路 
由 钠 形 建立 ， 再 接 下 来 设 定 app.get 的 路 径 格 式 ， 只 要 符合 格式 就 会 分 配 进 入 对 应 
的 方法 中 ， 像 上 面 的 程式 当中 ， 如 果 使 用 者 输入 路 径 为 /user/0 ， 除 了 执行 app.all 
程式 之 后， 执行 next 方法 就 会 对 应 到 路 径 设 定 为 /user/:id 的 过 个 方法 当中 。 如 果 使 
用 者 输入 路 径 为 /user/0/edit ， 就 会 执行 到 /user/:id/edit 的 对 应 方法 。 





Express GET 应 用 和 范例 


我 们 准备 一 个 使 用 GET 方 法 传送 资料 的 表单 。 


<!DOCTYPE html> 


<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charsei 
<title>Node.jsæR*ic(1)</title> 
<link rel="stylesheet" href="css/style.css" type="text/css' 
</head> 
<body> 
<h1>Node.j sæ Rc - at fit</h1> 
«form id="signup" method="GET" action="http://localhost : 30( 
<1abe1> 使 用 者 名 称 : </label><input type="text" id="usernar 
<1Labe1> 电 子 邮 件 : </label><input type="text" id="email" n 
«input type="submit" value=" 广 册 我 的 帐号 " /><br> 
</form> 
</body> 
«/html» 


a - — 





过 个 表单 没有 什么 特别 的 地 方 ， 我 们 只 需要 看 第 9 行 ，form 使 用 的 method 是 GET， 
然后 action 是 "http:/Wlocalhost:3000/Signup"， 等 一 下 我 们 要 来 撰写 /Signup 过 个 URL 
Path 的 处 理 程式 。 


处 理 Signup 行为 
我 们 知道 所 谓 的 GET 方 法 ， 会 透 过 URL 来 把 表单 的 值 给 带 过 去 ， 以 上 面 的 表单 来 
褒 ， 到 时 候 URL 会 以 近 样 的 形式 传授 


http://localhost:3000/Signup?username-xxx&email-xxx 


FLL AEE SEN, DARIA RODE: 


e 解析 URL 
e 辨别 动作 是 Signup 
e 解析 出 username 和 email 


一 旦 能 取得 username 和 email 的 值 ， 程 式 就 能 加 以 应 用 了 。 


处 理 Signup 的 程式 码 雏形 ， 


/ 


// load module 


var url = require('url'); 


urlData - url.parse(req.url,true); 
action - urlData.pathname; 
res.writeHead(200, ("Content-Type":"text/html; charset=utf-8"}); 


if (action === "/Signup") { 
user = urlData.query; 
res.end("<h1>" + user .username +“" 梁 迎 您 的 加 入 </h1><p> 我 们 已 经 将 会 


} 
二 散 





首先 需要 加 载 url module， 它 是 用 来 协助 我 们 解析 URL 的 模 和 组 ， 接 著 使 用 url.parse 
方法 ， 第 一 个 传 入 url 字 串 杰 数 ， 也 就 是 req.url。 另 外 第 二 个 参数 的 用 意 是 ， 设 六 
ture 则 引进 querystring 模 组 来 协助 处 理 ， 预 设 是 false。 它 影响 到 的 是 
urIData.query， 设 为 true 会 传 回 物件 ， 不 然 就 只 是 一 般 的 字 串 。url.parse 会 将 字 串 
内 容 整 理 成 一 个 物件 ， 我 们 把 它 指定 给 urlIData。 


action Sl /F Aacékpathname, ise FRE EA PIT EI BUS ES BUS FATTE, d 
著 先 将 html KIRA (Header) Ætt, BREER E, MRE /Signup 过 个 
动作 ， 就 把 urlIData.query 壬 的 资料 指定 给 user， 然 后 输出 userusername 和 
user.email， 把 使 用 者 从 表单 广 册 的 资料 显示 於 真 面 中 。 


最 后 进行 程式 测试 ， 族 动 Node.js 主 程式 之 和 后， 开放 浏览 器 就 会 看 到 表单 ， 填 寓 完 
BR DAG, MALABAR TS. 


T Node.js 程式 码 如 下 ， 


var http = require('http'), 


url = require('url'), 
Iso =-requirer is"), 
server; 


server = http.createServer(function (req,res) { 
var urlData, 


encode = ULES. ; 
filePath = "view/express get example form.html", 
action; 


urlData - url.parse(req.url,true); 
action - urlData.pathname; 
res.writeHead(200, ("Content-Type":"text/html; charset=utf-8"}); 


if (action --- "/Signup") ( 
user - urlData.query; 
res.end("<h1>" + user.username + " 坎 迎 您 的 加 入 </h1><p> 我 们 已 经 


) 

else ( 
fs.readFile(filePath, encode, function(err, file) ( 
res.write(file); 
res.end(); 
3); 

) 
3); 


server.listen(3000); 


console.1og('Server 跑 起 来 了 ， 现 在 时 间 是 :' + new Date()); 
i] å 





Express POST 应 用 和 范例 


一 开始 淮 人 备 基 本 的 html 表单 ， 传 送 内 容 以 POST AX, form 的 action BIERE 
4 POST, HØR html 内 容 与 前 一 个 范例 应 用 相同 ， 


<!DOCTYPE html» 


<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charsei 
<title>Node.jsæR*ic(1)</title> 
<link rel="stylesheet" href="css/style.css" type="text/css' 
</head> 
<body> 
<h1>Node.js* Från - st ft</hi> 
«form id="signup" method="POST" action="http://localhost :3( 
<label- HAA : </label><input type="text" id="usernar 
«label» ME:«/label»«input type="text" id="email" n 
«input type="submit" value="st Regia" /><br> 
</form> 
</body> 
</html> 


4 - — 
Node.js BIFF ERE ER RTT GET 和 范例 类 似 ， 部 分 程式 码 如 下 ， 





qs = require('querystring'), 
if (action === "/Signup") { 
formData = ''; 


req.on("data", function (data) { 


formData += data; 


+); 


req.on("end", function () I 


user = qs.parse(formData); 
res.end("<hi>" + user.username +“" 梁 迎 您 的 加 入 </h1><p> 我 们 已 经 将 会 1 


>); 





主要 加 入 了 'querystring' 过 个 module， 方 便 我 们 等 一 下 解析 由 表单 POST 回来 的 资 
料 ， 另 外 加 入 一 个 formData 的 变数 ， 用 来 搜集 待 等 一 下 表单 回 传 的 资料 。 前 面 的 
GET 85/5], dX E Kreg 拿 出 url 的 资料 ， 过 次 要 在 利用 req 身上 的 事件 处 理 。 


JavaScript 在 订阅 事件 时 使 用 addEventListener， 而 Node.js 使 用 的 则 是 on。 过 兆 加 
LETER data 的 事件 ， 会 在 浏览 器 传送 资料 到 Web Server 时 被 执行 ， 参 数 是 它 所 
接收 到 的 资料 ， 型 驴 是 字 串 。 


接著 再 增加 end 的 事件 ， 瘦 浏览 器 的 请 求 事件 结束 时 ， 它 就 会 动作 。 


由 於 浏览 器 使 用 POST 在 上 传 资 料 时 ， 会 将 资料 一 块 块 地 上 传 ， 因 为 我 们 在 监 贡 
data 事 件 时 ， 透 过 formData ØYET RIER 不 过 由 於 我 们 上 传 的 资料 很 少 ， 一 
次 就 千 束 ， 不 过 如 果 日 后 需要 传 的 是 资料 比较 大 的 档案 ， 和 过 个 累加 动作 就 很 重要 。 


当 资 料 传 完 ， 就 进 到 end 事 件 中 ， 会 用 到 qs.parse 来 解析 formData。formData 的 内 


Drax 


容 是 字 串 ， 内 容 是 : 


username=wordsmith&email=wordsmith%40some.where 


而 qs.parse 可 以 玫 我 们 把 过 个 querystring 转 成 物件 的 格式 ， 也 就 是 : 


{username=wordsmith&email=wordsmith%40some.where} 


一 旦 转 成 物件 瘟 指 定 给 user 之 和 后， 其 他 的 事情 就 和 GET 方 法 时 操作 的 一 样 ， 寅 
response 的 表 头 ， 将 内 容 回 传 ， 赣 将 user.username 和 user.email 代 入 到 内 容 中 。 


修改 完成 和 后， 接著 执行 Node.js EX, EN webserver, FAA Et NA EH 
AA, POST 的 方式 能 否 顺利 有 运作 。 


完整 程式 码 如 下 ， 


var http = require('http'), 


url = require('url'), 

S require "15. 

qs = require('querystring'), 
server; 


server = http.createServer(function (req,res) ( 
var urlData, 


encode e WEES > 

filePath = "view/express post example form.html", 
formData, 

action; 


urlData - url.parse(req.url,true); 
action - urlData.pathname; 
res.writeHead(200, {"Content-Type":"text/html; charset=utf-8"}); 


if (action === "/Signup") { 
formData = ''; 
req.on("data", function (data) { 


formData += data; 


3); 


req.on("end", function () I 

user = qs.parse(formData); 

res.end("<hi>" + user.username + "GME A</h1><p>K Mo Alt 
3): 


) 
else ( 


fs.readFile(filePath, encode, function(err, file) I 


res.write(file); 
res.end(); 


3); 


3); 


server.listen(3000); 


console.10g('Server 跑 起 来 了 ， 现 在 时 间 是 :' + new Date()); 
El -~ 





Express AJAX 应 用 范例 


ftNode.js& fS FHAjaxISGE ELI, AME EL BRIT HS), TERESEEDRIBUBIASUB ANON BUZE 
别 ，client 端 不 是 用 GET 就 是 用 POST 来 传 资料 ， 重 点 在 处 理 完 和 后 ， 用 JSON 格 式 回 
传 。 当 然 Ajax 不 见得 只 传 JSON 格 式 ， 有 了 时 是 回 传 一 段 HTML 码 ， 不 过 后 者 对 伺服 器 
褒 ， 基 本 上 就 和 前 两 篇 没有 差别 了 。 所 以 我 们 还 是 以 回 伟 JSON 做 闹 关 一 回 的 主 


B Å d 


o 


E-—HHEKSSAINESAAANKAja LE, Mine AERAR, if 
在 接收 资料 后 ， —— TEREKE, CRHTMLB SZ 
%, HERB, 


首先 先 准 人 备 HTML 静态 页 面 资 料 ， 


<!DOCTYPE html» 
«html» 
«head» 
«meta http-equiv="Content - hon content="text/html; charset 
<title>Node.jsæR*ir(1)</title 
<link rel="stylesheet" Ka se type="text/css' 
</head> 
<body> 
<h1>Node .js 菜鸟 笔记 - 广 册 </h1> 
«form id="signup" method="POST" action="http://localhost:3( 
<1abe1> 使 用 者 名 称 : </label><input type="text" id="usernar 
<label- Æ FEH : | type="text" id="email" n 
<input type="submit" value=" 广 册 我 的 帐号 " /><br> 
«/form» 
«/body» 
«/html» 
E m g 
HTML 页 面 上 淮 人 备 了 一 个 表单 ， 用 来 传送 广 册 资 料 。 接 著 直 接 引 用 了 Google CDN 
来 载 入 jQuery, FARR Bee Ajax 的 工作 ， 过 次 要 传送 和 接收 的 工作 ， 很 大 的 
fana HTML 页 面 上 的 JavaScript 当 中 。 我 们 要 做 的 事 有 (相关 jQuery IEEE 
不 多 做 蓉 述 ， 指 提起 主要 功能 解 褒 ) : 





用 jQUery 取 得 submit 按 钮 ， 绪 定 它 的 click 动 作 

e 取得 表单 username 和 email 的 值 ， 存 放 在 user 过 个 物件 中 

e。 用 jQuery 的 $.post 方 法 ， 将 user 的 资料 传 到 Server 

e 一 旦 成 功 取 得 资料 后， 透 过 greet 关 个 function， 租 成 回报 给 user 的 讯息 


o j&2E [KG FH ELS EPRLB SS. 
和 拖 Server 回 传 的 username、email 和 id 过 3 个 资料 ， 租 成 回应 的 讯息 
条 讯息 放 到 原本 表单 的 位 置 


经 过 以 上 的 处 理 和 后， 一 个 Ajax 的 表单 的 基本 功能 已 经 完成 。 


Oo 


o 


Ir. Hr 


接著 进行 Node.js 主要 程式 的 编辑 ， 部 分 程式 码 如 下 ， 


var TS = requare( fs 
qs = require('querystring'); 


if (action === "/Signup") { 
formData = ''; 
req.on("data", function (data) ( 


formData += data; 


>); 


req.on("end", function () I 
var msg; 


user = qs.parse(formData); 

user-id = "123456": 

msg = JSON.stringify(user); 

res.writeHead(200, {"Content-Type":"application/json; charset=t 
res.end(msg); 


>): 





过 壬 的 程式 和 前 面 POST S06, SALAMA, ÆRE : 


e 才 user 的 资料 加 上 id， 随 意 存 放 一 些 文字 进去 ， 让 Server 回 传 的 资料 多 於 Client 
端 传 上 来 的 ， 不 然 会 党 得 Server 都 没 做 事 。 

e 增加 了 msg 台 个 杏 数 ， 存 放 将 user 物 件 JSON 文 字 化 的 结果 。JSON .stringify 过 
个 转换 函 式 是 V8 引擎 所 提供 的 ， 如 果 你 好 奇 的 话 。 

e 大 重点 来 了 ， 我 们 要 告诉 Client 端 ， 过 次 回 传 的 资料 格式 是 JSON， 所 在 
Content-type 和 Content-Length 要 提供 给 Client。 


Server 很 轻 天 就 完成 任务 了 ， 最 后 进行 程式 测试 ， 放 动 Node.js ERZ, RR 
浏览 器 就 会 看 到 表单 ， 填 寅 完 办 按 下 送出 ， 就 可 以 看 到 结果 了 。 


最 后 Node.js 本 篇 范例 程式 码 如 下 ， 


var http = require('http'), 
url = require('url'), 
fs - require("fs"), 
qs - require('querystring'), 
server; 


server = http.createServer(function (req,res) { 


var urlData, 


encode = "utf8", 

filePath = "view/express ajax example form.html", 
formData, 

action; 


urlData = url.parse(req.url,true); 
action - urlData.pathname; 


if (action === "/Signup") I 
formData = ''; 
req.on("data", function (data) { 


formData += data; 


3); 


req.on("end", function () I 
var msg; 


user = qs.parse(formData); 
user.id = "123456"; 
msg = JSON.stringify(user); 
res.writeHead(200, {"Content-Type" 
res.end(msg); 
3); 
} 


else ( 


:"application/json;","Conte 


fs.readFile(filePath, encode, function(err, file) ( 
res.writeHead(200, ("Content-Type":"text/html; charset=utf-8' 
res.write(file); 
res.end(); 


3): 


3); 


server.listen(3000); 


console.1og('Server 跑 起 来 了 ， 现 在 时 间 是 :' + new Date()); 


i ES EV 


原始 资料 提供 


e [Node.JS 初 学 者 笔记 (1)- 用 GET 传 送 资 料 ] 
(http://ithelp.ithome.com.tw/question/10087402) 

e。[Node.JS 初 学 者 笔记 (2)- 用 POST 传送 资料 ] 
(http://ithelp.ithome.com.tw/question/10087489) 

e [Node.JS 初 学 者 笔记 (3)- 用 Ajax 传送 资料 ] 
(http://ithelp.ithome.com.tw/question/10087627) 
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AY 


Du 


在 开始 本 章节 以 前 先 来 谈 谈 MVC 架 构 


M(MODEL)V(VIEW)C(CONTROLL) 


MVC ERT Mwebsis, 11852183 REEwWebLb, BandroidghsA Bik 
类 似 的 概念 。 何谓 MVC? 你 问 工 程 师 每 个 人 的 看 法 都 不 大 一 样 ， 但 他 们 都 一 致 同意 
好 的 工程 师 一 定 要 会 MVC。 


在 过 壬 提供 wiki 看 法 : 
(控制 器 Controller) - 负责 转发 请 求 ， 对 请 求 进 行 处 理 。 
(视图 View) - 介面 设计 人 员 进 行 图 形 介面 设计 。 


(模型 Model) - 程式 设计 师 壬 写 程 式 应 有 的 功能 ( 实 作 演算 法 等 等 ) 、 资 料 库 专 
家 进行 资料 管理 和 资料 库 设计 (可 以 实 作 具 体 的 功能 )。 


转换 成 Node.js 的 论 法 就 是 : 


(控制 器 Controller) - server(express)， 接 受 参 数 (POST OR GET) 和 后 转 传 至 要 执 
行 的 程式 ， 若 有 需要 则 回 传 结果 。 


(视图 View) - html 部 分 ， 为 了 输出 Controller 的 讯息 ， 会 需要 用 到 view engine, 
下 面 会 介绍 ejs 跟 angular.js 


(模型 Model) - ÆR 


实例 一 MVC 基 本 和 范例 


让 我 们 做 个 和 范例， 建立 一 个 名 叫 node_mvc_1 目 录 


你 可 以 参考 https://github.com/y2468101216/node-wiki- 
gitbook/tree/master/src/node mvc 1 


结构: 


node mvc 1/ 

|— bin/ 

| | F— download.js 
| download/ 


| | 一 atxt 

| |— b.txt 

| public/ 

| I— index.html 
L— app.js 


bin/download js: 


/** 
* Name:download.js 
* Purpose:Model download example 
* Author: Yun 
* Version:1.0 
* Update:2015-09-22 
25 
module.exports = function()( 
this.checkFile = function(pathString, callback) { 
var fs = require('fs'); 
fs.stat(pathString, function(err, stats){ 
if(!err)( 
callback(true); 
telsef{ 
callback(false); 


3): 


public/index.html: 


node-wiki-book 


<!DOCTYPE html» 
<html> 
<head> 
<meta charset="UTF-8"> 
<title>Node MVC 1</title> 
</head> 
<body> 
<div> 
<a href="./download/a.txt">download a</a> 
</div> 
<div> 
<a href="./download/b.txt">download b</a> 
</div> 
<div> 
<a href="./download/c.txt">download c</a> 
</div> 
</body> 
</html> 


app.js: 


VEE 
* Name:app.js 
* Purpose:controller express example 
* Author:Yun 
= Version: 1.0 
* Update:2015-09-22 
my 


var express - require('express'); 
var app = express(); 


app.get('/', function(req, res) { 
var options - ( 
root : _dirname + '/public/', 
dotfiles : 'deny', 
headers : ( 
'x-timestamp' : Date.now(), 
'x-sent' : true 


NODE EXPRESS VIEW 96 


}; 
res.sendFile('index.html', options, function(err) { 
if (err) I 
res.status(err.status).end(); 
) else I 


// console.log('Sent:index.html'); 


3): 
3); 


app.get('/download/:name', function(req, res) ( 
var downloadClass - require('./bin/download.js'); 
var dl - new downloadClass(); 
var pathString - './download/' + req.params.name; 


dl.checkFile(pathString, function(isFile) { 
if (isFile) ( 
res.download(pathString); 
} else I 
res.send('error'); 


3): 
3); 


console.log('server is running'); 


app.listen(8080); 


is 2—18 FRESH, index.htm 6 = (Sith BA Ea txt, b.txt, 
c.txt, 4E 4 RT EAE SUTEdownload B x18. WR c.txt, PREMISE S biferor, # 
SAY BRN AR, RRAK Aapp.js 


app.jsf 49 & å eB FE PADRE SB a ERE MX —(flclass, s&app.jsH Ef 
controller falas : 转 传 给 model， 回 传 给 view。 


过 样 的 好 不 是 你 易 於 众 谍 ， 不 会 因为 一 个 程式 bug 半 致 整个 server crush， 当 然 档案 
跟 程 式 码 会 构 得 比较 多 ， 但 整体 而 言 复 杂 度 是 下 降 的 。 


实例 二 输出 文字 


JENOde.jstE view engine 分 成 两 个 : jade 跟 ejs， 我 会 谈 跟 php 想 法 比较 接近 的 
ejSo 


如 果 跟 我 一 样 有 做 过 php 的 话 ， 那 你 应 该 记得 php 本 身 即 是 个 view engines fF sS, 
但 很 可 惜 的 是 Node.js 兹 不 能 直接 过 样 输出 ， 但 他 有 类 似 的 东西 可 以 让 你 无 痛 转 
换 ， 没 错 I 就 是 ejs 


让 我 们 做 个 和 范例， 建立 一 个 名 叫 node_mvc_2_ejs 目 录 


你 可 以 参考 https://github.com/y2468101216/node-wiki- 
gitbook/tree/master/src/node mvc 2 ejs 


先 安装 ejs: 


npm install ejs 


结构: 


node mvc 2 ejs/ 
— bin/ 

| — login.js 
| views/ 


| — index.html 
L— app.js 


login.js: 


node-wiki-book 


fes 


* Name: 


login.js 


* Purpose:ejs login example 
* Author: Yun 

* Version:1.0 

* Update:2015-09-22 


x 


module.exports 


function (){ 


this.check = function (account, password, callback)( 


index.html: 


var message - 'login success'; 
var error = false; 


if(account != 'test' && error == false)( 
message = 'account error'; 
error - true; 


} 

if(password != 'test' && error == false){ 
message - 'password error'; 
error = true; 

} 


callback(message, error); 
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<!DOCTYPE html» 
<html> 
<head> 
<meta charset="UTF-8"> 
<title>Node MVC 2 EJS</title> 
</head> 
<body> 
<form action="/login" method="post"> 
<div> 
<div><label>Account:</label></div> 
<input type="text" name="account" /> 
</div> 
<div> 
<div><label>Password:</label></div> 
<input type="password" name="password" /> 
</div> 
<div> 
<button type="submit">submit</button> 
</div> 
<% if (message) { %> 
ext (error) I %> 
«label style="color:red;"><%= message %></label> 
<% ) else I %> 
«label style="color:green;"><%= message %></label> 


<% ) %> 
<% ) %> 
</form> 
</body> 
</html> 
app.js: 
PER 


* Name:app.js 

* Purpose:ejs express example 
* Author: Yun 

* Version:1.0 

* Update:2015-09-22 

n 
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var express = require('express'); 
var bodyParser - require('body-parser'); 


var app = express(); 


//create application/x-www-form-urlencoded parser 
app.use(bodyParser.urlencoded( { 
extended : true 


})); 


app.set('views', _ dirname + '/views'); 
app.set('view engine', 'ejs'); 
app.engine('html', require('ejs').renderFile); 


//index page 
app.get('/', function(req, res) { 
res.render('index.html',{message:false}); 


3); 


7 Mogan 
app.post('/login',function(req, res) 
var loginClass = require('./bin/login.js'); 
var login = new loginClass(); 
login.check(req.body.account, req.body.password, function(retur! 
res.render('index.htm1', {message: returnMessage, error: isErr<¢ 
3); 
3); 


console.log('server is running'); 


app.listen(8080); 


4 — : 





Account: 
Password: 


submit 


Account: 
Password: 


submit 


account error 
Account: 
Password: 


submit 


password error 


Account: 
Password: 


submit 


login success 
BRL ada — Rapp. stå £ MIRA 


app.use(bodyParser.urlencoded( { 
extended : true 


})); 


is ERRARE SU NbodyA RAA, Mas library AE, FIRER gs library 
是 query string 82:7 EA FE 

#4 : http://stackoverflow.com/questions/29175465/body-parser-extended-option- 
qs-vs-querystring 


app.set('views', _ dirname + '/views'); 

app.set('view engine', 'ejs'); 

app.engine('html', require('ejs').renderFile); 
app.set 就 是 可 以 设 定 一 些 express 的 常数 ， 让 他 知道 要 去 哪 找 。 
第 一 行 设 定 views 的 目 儿 在 哪 。 
第 二 行 设 定 要 使 用 的 view engine。 


第 三 行 设 定论 ， 如 果 是 html 的 话 一 样 送 给 ejs 解 释 。 也 就 是 褒 现 在 你 在 目 钞 所 html 跟 
ejs， 都 会 被 扣 过 看 有 没有 ejs 语 法 。 


jade 与 ejs 的 优 缺 点 


优点 : 


1. client 端 呈现 速度 快 
2. 有 学 过 view engines’ 29 xk ELF 


缺点 : 


1. server 端 要 耗 用 资源 

2. 版 面 柄 陋 

3. 做 假 资 料 时 识 度 会 提升 很 多 
4. 对 前 端 工程 师 不 友善 

5. 要 多 学 一 种 语言 


z —18:31€-f8 FHclient side js 
framework:angular.js or react.js 


AE fNview enginefI RS fikih, FMH ål A Uu Hangular.jsøRreact.jsfil Z&view 
engine 的 替代 品 。 


FP PE SEN, 87184 0lnode mvc 3 angularjsH $k 


你 可 以 参考 https://github.com/y2468101216/node-wiki- 
gitbook/tree/master/src/node mvc 3 angularjs 


和 结构 : 


node mvc 3 angularjs/ 
| bin/ 

| | 一 login.js 

| public/ 

| — index.html 
-一 app.js 


login.js: 


node-wiki-book 


VEE 
* Name:login.js 
* Purpose:ejs login example 
* Author:Yun 
* Version:1.0 
* Update:2015-09-22 
26 


module.exports function OH 
this.check = function (account, password, callback)( 
var message - 'login success'; 
var error = false; 


if(account != 'test' && error == false)( 
message = 'account error'; 
error = true; 

} 

if(password != 'test' && error == false)( 
message - 'password error'; 
error - true; 

} 

callback(message, error); 

} 
} 
index.html: 


<!DOCTYPE html» 

«html ng-app="node mvc app"> 

«head» 

«meta charset="UTF-8"> 

<title>Node MVC 3 angularjs</title> 

«link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootsi 
<script src="https://code. jquery.com/jquery-2.1.4.min.js"></script: 
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4 
</head> 

<body ng-controller="node mvc controller"> 
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«form» 

«div» 

<div><label>Account:</label></div> 

<input type="text" name="account" ng-model="user.account" , 
</div> 
<div> 

<div><label>Password:</label></div> 

<input type="password" name="password" ng-model="user.passv 
</div> 
<div> 

«button type="button" ng-click="loginCheck()">submit</butt< 
</div> 


</form> 
«label ng-style="messageStyle">{{message}}</label> 
</body> 
<script type="text/javascript"> 
var app = angular .module( 'node mvc app', []); 
app.controller('node mvc controller',function($scope, $http){ 
$scope.loginCheck = function () { 
var req = I 
method: 'POST', 
ure Togumo 
headers: ( 
'Content-Type': 'application/x-www-form-urlencoded, 
tr 
data: $.param($scope.user ) 
j 
$http(req).success(function(data) { 
if(data.error){ 
$scope.messageStyle 
jelse( 
$scope.messageStyle = (color: 'green'); 


{color:'red'}; 


} 
$scope.message = data.message; 
3); 
} 
3); 
«/script» 
«/html» 





* Name:app.js 


* Purpose:ejs express example 
* Author: Yun 

* Version:1.0 

* Update:2015-09-22 


var express - require('express'); 
var bodyParser = require('body-parser'); 


var app = express(); 


var options = ( 
root : _ dirname + '/public/', 
dotfiles : 'deny', 
headers : ( 
'x-timestamp' : Date.now(), 
'x-sent' : true 


ti 


//create application/x-www-form-urlencoded parser 
app.use(bodyParser.urlencoded( { 
extended : true 


})); 


//index page 
app.get('/', function(req, res) { 
res.sendFile('index.html',options,function(err){ 
if(err){ 
console. log(err); 


3); 


/On 
app.post('/login',function(req, res)( 
var loginClass - require('./bin/login.js'); 
var login - new loginClass(); 
login.check(req.body.account, req.body.password, function(retur! 
res.send({message: returnMessage, error:isError}); 


3); 
3); 


console.log('server is running'); 


app.listen(8080); 


4 gnr 








Account: 


Password: 


submit 


Account: 


test| 
Password: 


submit 
account error 


Account: 


test 
Password: 


submit 
password error 


Cg 
[TI 
| 

U 





Account: 


test 


Password: 


submit 
login success 


login.jsA Ex 365 83 85, APLAR FME Bindex.html 


858 FM FHajex c Bie SEARBI. ajax SEA Foe b, RAR 
履 刷 新 页 面 使 用 者 也 很 烦 ， 而 且 资 料 不 用 多 做 设 定 就 可 以 一 直 留 在 网 页 上 ， 关 於 
angular.js 的 语法 可 以 参考 官 移 ， 过 亡 就 不 再 多 做 褒 明 。 


app.js 因 为 我 们 不 再 使 用 ejs 了 ， 所 以 我 们 将 app.set 的 部 分 全 拿 掉 ， 过 也 导致 
res.render 必 须 拿 掉 。 所 以 我 们 改 成 res.sendFile。 


res.sendFile('index.html',options,function(err)( 
if(err){ 
console.log(err); 
j 
3); 


回 传 的 部 分 ，server 委 json 出 来 是 最 好 的 ， 因 为 JavaScript 对 json 的 支援 很 好 ， 而 且 
在 提供 相同 资讯 的 情况 下 json 速 比 xml 来 的 简单 。 


app.post('/login',function(req, res)( 
var loginClass - require('./bin/login.js'); 
var login - new loginClass(); 
login.check(req.body.account, req.body.password, function(returr 
res.send(fmessage:returnMessage, error:isError)); 
3); 
3); 








client side js framework) ik Sh 


优点 : 
.Server 耗 用 资源 较 少 。 


1 
2. 版 面 整 党 

3. 对 前 端 友善 

4. 做 假 资料 时 比较 轻 肢 
缺点 : 


1. include page& T- 21x18 
2. DEE cS A framework 
3. 使 用 者 多 时 ajax 可 能 会 对 server 造 成 更 多 负 扒 


士 三 五 
NI PA 


NEEMA, MENA ERE, MAREE RAE, BET 
RA, FERAELESRET. 
参考 资料 


e wiki-MVC:https://Zh.wikipedia.org/wiki/MVC 
e angular .js:https://angularjs.org 
e Stackoverflow- 


node-wiki-book 


qs vs querystring:http://stackoverflow.com/questions/29175465/body-parser- 
extended-option-qs-vs-querystring 


NODE EXPRESS VIEW 112 


LL 


AY 


Dll 


不 懂 Database 的 人 不 是 Backend Engineer, =] R Database 2 EEE, 本 章节 将 会 
举 一 个 关联 式 资料 库 :mysql 跟 一 个 NOSQL:MongoDB 的 串 连 。 本 章节 不 会 撰 述 安装 
资料 康 跟 SQL 语 ; 


E Bj x ES LER : my sq] 
首先 须 先 安装 mysql 套 件 : 


npm install mysql 


et jl] — : KEEP] 


https://github.com/y2468101216/node-wiki- 
gitbook/tree/master/src/node mysql/mysql.js 


node-wiki-book 


VEE 
* Name:mysql.js 
* Purpose:mysql 连接 教学 
* Author:Yun 
* Version:1.0 
* Update:2015-09-25 
2 


var mysql = require('mysql'); 


/ EEE 

var connection = mysql.createConnection(( 
host : 'localhost',//A#EIP 
user : 'root',//f& Fidi 18 


password : 'root',// 使 用 者 密码 
database : 'localhost'// HEAR 
3); 


// Ego TR 
connection.connect(); 


// It SsQLÉ R 
connection.query('SELECT 1 + 1 AS solution', function(err, rows, f: 
if (err) throw err; 


console.log('The solution is: ', rows[0].solution); 


3); 


/ / KE RO ER 
connection.end(); 


国定 于 
结果 : 





The solution is: 2 
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比较 值得 一 提 的 是 connection.end( ); 过 个 语法 ， 如 果 你 有 塌 php 就 知道 PDO 是 
不 需要 close connection 的 。 ( 话 见 
http://stackoverflow.com/questions/18277233/pdo-closing-connection) 


也 就 是 诊 他 比较 像 mysqli。 


$0/5| —:Parameterized Query 


在 开始 之 前 先 讲 一 下 SQL Injection: 
e Wiki 的 解释 : 


SQL 攻击 (SQL injection) ， 简 称 隐 码 攻击 ， 是 发 生 於 应 用 程式 之 资料 库 层 的 安全 
漏洞 。 简 而 言 之 ， 是 在 输入 的 字 串 之 中 夹带 SQL 指令， 在 设计 不 和 良 的 程式 当中 忽略 
了 检查 ， 那 床 过 些 夹 带 进 去 的 指令 就 会 被 资料 库 伺 服 器 误 认 为 是 正常 的 SQL 指 今 
执行 ， 因 此 遭 到 破 壤 或 是 入 侵 。 


所 以 就 出 现 了 Parameterized Query : 
e. wiki 的 解释 : 


参数 化 查询 (Parameterized Query 或 Parameterized Statement) 是 指 在 设计 与 资 
料 库 连结 兹 存 取 资料 时 ， 在 需要 填 人 数值 或 资料 的 地 方 ， 使 用 参数 (Parameter) 
来 给 值 ， 过 个 方法 目前 已 被 视 为 最 有 效 可 预防 SQL 资料 隐 码 攻 区 的 攻 贡 手法 的 防 洁 
par 


除了 安全 因素 ， 相 比 起 拼接 字 串 的 SQL 语 句 ， 参 数 化 的 查询 往往 有 效能 优势 。 因 为 
参数 化 的 查询 能 让 不 同 的 资料 通过 参数 到 达 资 料 康 ， 从 而 公用 同一 条 SQL 语 句 。 大 
多 数 资料 库 会 快 取 解 释 SQL 语 句 产 生 的 位 元 组 码 而 省 下 重复 解析 的 开销 。 如 果 揉 取 
拼接 字 串 的 SQL 语句 ， 则 会 由 於 运 算 元 据 是 SQL 语句 的 一 部 分 而 非 参数 的 一 部 分 ， 
而 反 履 大 量 解释 SQL 语句 产生 不 必要 的 开销 。 


https://github.com/y2468101216/node-wiki- 
gitbook/tree/master/src/node mysql/node mysql parameterized query.js 


/** 
* Name:mysql.js 

Purpose:mysql Parameterized Query 

* Author: Yun 

* Version:1.0 

* Update:2015-09-25 

Pu 


var mysql = require('mysql'); 


var connection = mysql.createConnection( { 
host : 'localhost',//Z REIP 
user : "root'， // 使 用 者 名 称 
password : 'root',// 使 用 者 密码 
database : ‘localhost'//AH#EAB 


3); 





























//&ms".u f 
connection.connect(); 


// 倒 出 SQL 和 结果 
connection.query('SELECT ? + ? AS solution',[1,2], function(err, r« 
if (err) throw err; 


console.log('The solution is: ', rows[0].solution); 


3); 


/ / KE YR GR 
connection.end(); 


4 — 3 





你 可 以 注意 到 只 有 connection.query ML, RS IEN EE), ee 
法 在 需要 大 量 插 和 人 或 更 新 重复 的 SQL 时 轴 常 好 用 ， 你 不 需要 撰写 SQL 只 需 更 换 参 数 
就 可 以 ， 可 以 节省 许多 行 数 。 


NOSQL:MongoDB 


node-wiki-book 


NOSQL 是 最 近 很 火红 的 资料 库 型 态 ， 特 征 是 不 使 用 任何 SQL 语言 、 不 需要 规划 
table 架 构 ， 是 一 个 新 愉 的 资料 库 型 态 。 我 会 花 比 较 多 篇 幅 讲 过 个 ， 因 为 过 是 一 个 
从 观念 上 完全 不 一 样 的 东西 。 


首先 须 先 安装 mongodb 套 件 : 


npm install mongodb 


e 插入 资料 https://github.com/y2468101216/node-wiki- 
gitbook/tree/master/src/node mongodb/mongodb insert.js 


* Name:mongodb update.js 

* Purpose:connect & insert mongodb 
* Author: Yun 

* Version:1.0 

* Update:2015-09-30 

s 


var MongoClient = require('mongodb').MongoClient;// mongodb client 
var assert = require('assert');// 测试 工具 


var url = 'mongodb://localhost:27017/test';// mongodb://SAurl1l/db# 


// 插 入 资料 到 

var insertDocument = function(db, callback) { 
// 打开 集合 (没有 的 话 会 自动 建 一 个 ) -> 插 和 人 一 笔 资料 
db.collection('restaurants').insertOne(( 


"address" : I 
"street" : "2 Avenue", 
Zipcode, :OOS 
"building 4450 
"coord: 310 72 9557413 4077202667] 
i 
"borough" : "Manhattan", 
"cuisine" : "Ttalran", 


"grades" : [ I 
"date" : new Date("2014-10-01T00:00:00Z"), 
"grade" d SAU 


D 
UD 
[ 
— 








S 





NODE DATABA: 


node-wiki-book 


"score" : 11 
} i 
"date" : new Date("2014-01-16T00:00:00Z"), 
"grade" : "B", 
"score" -I7 
Jl 
"name" : "Vella", 
"restaurant id" : "41704620" 
}, function(err, result) ( 
assert.equal(err, null);// WRASSE (null), Rüthrow erro: 
console.log("Inserted a document into the restaurants coll: 
callback(result); 
3); 


/ HET BAR 
MongoClient.connect(url, function(err, db) { 
assert.equal(null, err);// 如 果 不 是 期 望 值 (nuL1L)， 则 throw error 
insertDocument(db, function() { 
db.close();//FAFAZER 





HTE HH 
Inserted a document into the restaurants collection. 


你 可 以 注意 到 在 存 资 料 时 他 的 扩展 性 很 强 ( 注 意 grades)， 不 同 於 一 般 的 资料 库 。 


e 查询 资料 https://github.com/y2468101216/node-wiki- 
gitbook/tree/master/src/node mongodb/mongodb query.js 


* Name:mongodb query.js 

* Purpose:connect & insert mongodb 
* Author: Yun 

* Version:1.0 

* Update:2015-10-01 
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nana varier kan 
NOAEC-WI k I-DOO k 


uA 


var MongoClient = require( 'mongodb').MongoClient;//mongodb client 
var assert = require('assert');// 测试 工具 
var url = 'mongodb://localhost:27017/test';// mongodb://SAurl1l/db# 


// BAAS 
var findRestaurants = function(findCondition, db, callback) ( 
var cursor -db.collection('restaurants').find(findCondition); 
// 将 每 笔 资料 倒 出 来 
cursor.each(function(err, doc) { 
assert.equal(err, null); 
if (doc != null) ( 
// 列 印 查询 条 件 
console.dir( "find: ); 
console.log(findCondition); 
// 列 印 资料 
console.dir(doc); 
} else { 
callback(); 
) 
3); 
3 


// VJ EBBSE S BS EE E 
MongoClient.connect(url, function(err, db) ( 
assert.equal(null, err); 
findRestaurants(null, db, function() ( 
db.close(); 
3); 
3); 


//Etkaddress.zipcode&fA100758 
MongoClient.connect(url, function(err, db) ( 
assert.equal(null, err); 
findRestaurants(( "address.zipcode": "10075" }, db, function() { 
db.close(); 
3); 
3); 











三 三 CEN 1 A O 7 A E^] 


; Lys - RE 
J / Bt taddrac Ser NES mA 
//*rdj&address.zipcodesr/mslU0U0/OoHy 


MongoClient.connect(url, function(err, db) ( 


assert.equal(null, err); 


findRestaurants(( "address.zipcode": 


db.close(); 


+); 
3); 


dl 


"10076" D db, function() { 








BUTTER: 


sirene Rå 


( id: { bsontype: 'ObjectID', id: 


'V\FB" 8BZxBo;\\' }, 


address: 
{ street: '2 Avenue', 
Zipcode: '10075', 
building: '1480', 
coord: [ -73.9557413, 40.7720266 ] }, 
borough: 'Manhattan', 
cuisine: 'Italian', 
grades: 


[ { date: Wed Oct 01 2014 08:00:00 GMT+0800 (CST), 


grade: 'A', 
score: 11 }, 


{ date: Thu Jan 16 2014 08:00:00 GMT+0800 (CST), 


grade: 'B', 

score: 17 } ], 
'Vella', 
restaurant_id: 

'find: ' 

{ 'address.zipcode': 

{ id: ( bsontype: 


name: 
'41704620' ) 


'10075' 3 
'ObjectID', id: 


'V\FB" 8BZxBo;\\' }, 


address: 
I street: '2 Avenue", 
Zipcode: '10075', 
building: '1480', 
coord: [ -73.9557413, 40.7720266 ] }, 
borough: 'Manhattan', 
Cuisine: 'Italian', 


grades: 

[ { date: Wed Oct 01 2014 08:00:00 GMT+0800 (CST), 
grade: 'A', 
score: 11 ), 

{ date: Thu Jan 16 2014 08:00:00 GMT+0800 (CST), 
grade: 'B', 
score: 17 } ], 

name: 'Vella', 

restaurant id: '41704620' ) 


andea 
{ 'address.zipcode': '10076' } 


你 可 以 注意 到 mongodb 插 入 的 时 候 多 插 了 一 个 id， 那 是 mongodb 的 主键 ， 不 重复 
唯一 ， mongodb 用 它 来 分 别 每 一 笔 资 料 。 


find 其 实 就 相当 SQL 壬 的 where， 但 他 比 where 强 的 地 方 是 在 於 府 他 可 以 查询 dot 
notation(EX:address.zipcode), 过 点 是 SQL 所 做 不 到 的 


e 更 新 资料 https://github.com/y2468101216/node-wiki- 
gitbook/tree/master/src/node mongodb/mongodb query.js 


node-wiki-book 


VEE 
* Name :mongodb update.js 
* Purpose:connect & insert mongodb 
* Author:Yun 
* Version: 1.0 
* Update:2015-10-02 


var MongoClient - require('mongodb').MongoClient;// mongodb client 
var assert = require('assert');// 测试 工具 


var url = 'mongodb://localhost:27017/test';// mongodb://SAurl/db# 


var updateRestaurants = function(db, callback) ( 
db.collection('restaurants').updateOne( 
{ "name" : "Vella" },// 设 定 人 条 件 
{ 
$set: ( "cuisine": "American (New)" }, 
$currentDate: ( "lastModified": true } 
), // 设 定 更 新 项 目 
function(err, results) ( 
console.log(results);//EDHi ÆR 
callback(); 
3); 
Hi 


MongoClient.connect(url, function(err, db) ( 
assert.equal(null, err); 


updateRestaurants(db, function() I 
db.close(); 


I); 
3); 


E |: 
执行 结果 : 





{ result: ( ok: 1, nModified: 1, n: 1), 
connection: 


E 122 





ND 
I 





Z 


NODE DATABA 


{ domain: null, 
events: 

{ close: [Object], 
error: [Object], 
timeout: [Object], 
parseError: [Object], 
connect: [Function] }, 

_maxListeners: undefined, 
options: 

{ socketOptions: {}, 
auto_reconnect: true, 
host: 'localhost', 
port: 27017, 
cursorFactory: [Object], 
reconnect: true, 
emitError: true, 


size: 5, 
disconnectHandler: [Object], 
bson: {}, 


messageHandler: [Function], 
wireProtocolHandler: {} Jj, 


I 2. 
logger: { className: 'Connection' }, 
bson: {}, 


tag: undefined, 

messageHandler: [Function], 
maxBsonMessageSize: 67108864, 
port: 27017, 

host: 'localhost', 

keepAlive: true, 
keepAliveInitialDelay: 0, 
noDelay: true, 
connectionTimeout: 0, 
socketTimeout: 0, 

destroyed: false, 

domainSocket: false, 
singleBufferSerializtion: true, 
serializationFunction: 'toBinUnified', 
ca: null, 

cert: null, 


key: null, 
passphrase: null, 
ssl: false, 
rejectUnauthorized: false, 
responseOptions: { promoteLongs: true Jj, 
flushing: false, 
queue: [], 
connection: 
{ connecting: false, 
_hadError: false, 
handle: [Object], 
parent: null, 
host: "localhost", 
_readableState: [Object], 
readable: true, 
domain: null, 
events: [Object], 
_maxListeners: undefined, 
_writableState: [Object], 
writable: true, 
allowHalfOpen: false, 
destroyed: false, 
bytesRead: 71, 
_bytesDispatched: 223, 
_pendingData: null, 
 pendingEncoding: '', 
_idleNext: null, 
_idlePrev: null, 
_idleTimeout: -1, 
read: [Function], 
_consuming: true }, 
writeStream: null, 
buffer: null, 
sizeOfMessage: 0, 
bytesRead: 0, 
stubBuffer: null }, 
matchedCount: 1, 
modifiedCount: 1, 
upsertedId: null, 
upsertedCount: 0 } 


过 样 只 会 更 新 第 一 笔 找 到 的 资料 。 跟 查 询 一 样 ， 你 可 以 使 用 dot notation 作 为 更 新 
条件 


e 删除 资料 


VET 
* Name :mongodb delete.js 
* Purpose:connect & update mongodb 
* Author:Yun 
* Version:1.0 
* Update:2015-10-02 
i 


var MongoClient = require('mongodb').MongoClient;// mongodb client 
var assert = require('assert');// 测试 工具 


var url = 'mongodb://localhost:27017/test';// mongodb://SAur1/db# 


var removeRestaurants = function(db, callback) ( 
db.collection('restaurants').deleteOne( 
{ "borough": "Queens" },// 设 定 人 条 件 
function(err, results) { 
console.log(results) ;// 印 出 更 新 结果 
callback(); 
) 
); 
3 


MongoClient.connect(url, function(err, db) { 
assert.equal(null, err); 


removeRestaurants(db, function() I 
db.close(); 
3); 
3); 


ipe —————— MÁS | 





{ result: { ok: 1, nModified: 1, n: 1), 


connection: 
{ domain: null, 
_events: 

{ close: [Object], 
error: [Object], 
timeout: [Object], 
parseError: [Object], 
connect: [Function] }, 

_maxListeners: undefined, 
options: 

{ socketOptions: {}, 
auto_reconnect: true, 
host: ‘localhost’, 
port: 27017, 
cursorFactory: [Object], 
reconnect: true, 
emitError: true, 


Size: 5, 
disconnectHandler: [Object], 
bson: {}, 


messageHandler: [Function], 
wireProtocolHandler: {} }, 


Wole 2. 
logger: ( className: 'Connection' |, 
bson: {}, 


tag: undefined, 

messageHandler: [Function], 
maxBsonMessageSize: 67108864, 
port: 27017, 

host: 'localhost', 

keepAlive: true, 
keepAliveInitialDelay: 0, 
noDelay: true, 
connectionTimeout: 0, 
socketTimeout: 90, 

destroyed: false, 

domainSocket: false, 
singleBufferSerializtion: true, 
serializationFunction: 'toBinUnified', 
ca: null, 


cert: null, 
key: null, 
passphrase: null, 
ssl: false, 
rejectUnauthorized: false, 
responseOptions: { promoteLongs: true Jj, 
flushing: false, 
queue: [], 
connection: 
{ connecting: false, 
_hadError: false, 
handle: [Object], 
parent: null, 
host: 'localhost', 
_readableState: [Object], 
readable: true, 
domain: null, 
events: [Object], 
_maxListeners: undefined, 
_writableState: [Object], 
writable: true, 
allowHalfOpen: false, 
destroyed: false, 
bytesRead: 71, 
_bytesDispatched: 223, 
_pendingData: null, 
 pendingEncoding: '', 
_idleNext: null, 
_idlePrev: null, 
_idleTimeout: -1, 
read: [Function], 
_consuming: true }, 
writeStream: null, 
buffer: null, 
sizeOfMessage: 0, 
bytesRead: 0, 
stubBuffer: null }, 
matchedCount: 1, 
modifiedCount: 1, 
upsertedId: null, 


upsertedCount: 0 } 


过 样 只 会 删除 一 笔 ， 跟 update 其 实 没 差 多 少 


Nag Aa 


MongoDB 跟 Node.js 就 跟 mysql 之 於 php 一 檬 ， 天 生 一 对 ， 但 过 兹 不 代表 你 不 能 用 其 
他 的 资料 康 。 RES FEMME ETEN. 


BeAr 


e wiki-SQL injection:https://zh.wikipedia.org/wiki/SQL £ TI ESTS JA SE 

e wiki-Parameterized Query:https://zh.wikipedia.org/wiki/Z& Sub & 55 

e node-mysq[:https://github.com/felixge/node-mysql/Zpreparing-queries 
e NOSQL:https://zh.wikipedia.org/wiki/NoSQL 

e MONGODB:https://docs.mongodb.org/getting-started/node/ 


LL 


Bl 


Du 


test 是 程式 中 很 重要 的 一 环 ， 本 篇 我 们 将 会 介绍 如 何 用 mocha.js、nightwatch.js、 


BB eS 


cucumber.js#= test case. 


原始 码 


https://github.com/y2468101216/node-wiki-gitbook/tree/master/src/node test 


MEAT ABE 


1. 单元 测试 
2. 整合 测试 


3. 使 用 者 测试 
单元 测试 最 易 除 错 ， 但 不 贴近 使 用 行为 ， 使 用 者 测试 则 相反 。 


AFK EEÄATDD, KER FINE ET nå 


TDD 是 一 种 用 测试 来 进行 开发 的 模式 ， 所 以 他 的 本 质 其 实 是 为 了 开发 而 非 测试 。 
Kent Beck( 设 计 模 式 的 先驱 者 ) 在 RIP TDD 实 举 出 了 8 个 你 应 该 使 用 TDD 的 理由 。 
1. Over-engineering (x8 E E& RT ): 


EX: STUM om S24 —18] 8 EE ABS VÆR RE RA facebook& A, HR 
你 多 写 了 一 个 google 登 入 。 ERM AERA T, TExVRSTRT SIEHT, S 
造成 后 面 维 访 上 的 困 援 。 

TDD 每 一 个 测试 都 是 需求 ， 而 你 不 应 该 写 需 求 以 外 的 程式 ，TDD 力 求 以 最 简单 的 方 
法 让 测试 通过 。 

1. API feedback(fT m [B] fÄ): 


因为 TDD 会 根据 使 用 者 的 需求 高 测试 ， 当 你 发 现 你 的 介面 不 甫 使 用 於 测试 时 ， 就 会 
去 修改 介面 ， 过 会 使 你 的 介面 越 来 越 贴近 使 用 者 。 


1. Logic errors GE $8 $883): 


TODEA TSAI EE (if else) 判 断 ， 所 以 如 果 出 来 的 结果 不 符合 就 是 你 的 
method 有 问题 。 而 且 TDD 一 次 只 会 有 一 个 测试 失败 ， 所 以 一 定 是 你 刚 增 加 的 code 
ARME, 


1. Documentation(X fF): 


tes] T FEBRE S RMR RENSA, BER LESHER), (IEEE 
AREE NE IP T, 


TDDBSRISABUSCAE, EMET NIA SEESSEN ERT. 而 且 如 果 需 求 改 
召 ， 你 的 测试 也 会 改 杰 ， 就 会 很 自然 地 稚 议 它 了 。 


1. Feeling overwhelmed: 
TDD 的 宗旨 是 先 寅 测试 在 开发 ， 意 味 著 即 使 没有 程式 依然 可 以 先 寅 测试 ， 
1. Separate interface from implementation thinking( 从 先 辑 来 实践 独立 介面 ): 


EX: 今天 有 个 需求 是 串 金 流 APIl， 但 是 开发 API| 的 人 讼 他 要 等 上 特 前 10 天 才能 输 你 测 
试 。 


TDD 巡 到 过 种 问题 时 就 会 做 一 个 介面 ， 测 试 时 实 作 吉 个 介面 ， 去 模 所 API 的 行为 。 
SKINN FA AA] AEE EJ CME. 


1. Agreement( 同 意 ) 


苗 你 把 需求 解 掉 了 以 后 ， 你 要 如 何 褒 服 发出 需求 的 你 已 经 把 问题 解决 掉 了 ? 显然 
用 测试 是 一 个 好 方法 。 


当 老 阅 问 你 一 切 是 否 OK 时 ，TDD 可 以 不 用 让 你 提 心 吊 脆 的 褒 OK。 


安装 mocha.js 


使 用 npm 安 装 


$ npm install -g mocha 


mocha.js 常 用 语 ; 


before: 全 部 测试 开始 之 前 先 执 行 
it Bat Se Gil 

after: 2 SERI aa He RAR T 
beforeEach: 每 个 测试 前 先 执 行 


afterEach: 每 个 测试 后 先 执 行 


mocha.js 的 第 一 个 测试 案例 
firsrTest.js 


var a; 
var b; 
var assert - require('assert'); 


describe('firstTest', function () I 
before(function () ( 
Gl = al? 
b = 2; 
3); 


it('a + b should be 3", function () 4 
assert.equal(a + b, 3); 
}); 
}); 


HR BILER ERIE RT: 


$ mocha firsrTest.js 


firstTest 
Y a+ b should be 3 


1 passing (9ms) 


比较 object & array 
arrayTest.js 


var actual; 
var exected; 
var assert - require('assert'); 


describe('arrayTest', function () I 
before(function () I 
actual = [1, 2, 3]; 
exected = [1, 2, 3]; 
3); 


GE EPer O 4 
assert.equal(actual, exected); 


3): 


TE nj 2 3]5deepequal [3.23] function () 4 
assert.deepEqual(actual, exected); 
3): 
3); 


第 一 个 是 一 定 不 会 过 的 ， 因 为 他 们 是 两 个 不 同 的 array。 要 比较 过 两 种 请 用 
deepEqual。 


e MYE 


actual - [1,2,3]; 
exected - actual; 


过 样 的 话 equal 就 会 过 ， 因 为 两 个 是 一 样 的 object 了 。 


async 
asyncTest.js 


var assert = require('assert'); 
describe('asyncTest', function () I 


it('async Test Without Done()', function () I 
var actual; 
var exected; 
var fs - require('fs'); 
fs.stat('./asyncTest.js', function (err, stats) ( 
var actual - stats.isFile(); 
var exected - false; 
assert.equal(actual, exected); 
3); 
3); 


it('async Test With Done()', function (done) { 
var actual; 





var exected; 

var fs - require('fs'); 

fs.stat('./asyncTest.js', function (err, stats) ( 
var actual - stats.isFile(); 
var exected - false; 
assert.equal(actual, exected); 
done( ); 

3); 

3); 
3); 


因为 javascript 的 async 特 性 ， 所 以 在 做 这 种 async 的 操作 要 记得 放 done()， 确 保 不 会 
立即 回 传 测试 结果 。 


外 部 依赖 


有 的 时 候 你 想 测试 的 function 必 须 用 到 外 面 的 class， 而 那个 class 逮 没 写 好 怎 闪 ? 最 
常见 的 就 是 ORM 还 汽 写 好 ， 但 你 需要 串 资 料 库 。 
没 关 傈 我 们 可 以 模 据 该 class 的 行为 ， 假 装 有 那个 class 的 存在 。 


interfaceTest.js: 


var dbConn = {}; 
var assert = require('assert'); 


var order = require('./bin/order.js'); 
var orderTest = new order(); 


describe('firstTest', function () { 
before(function () { 
dbConn.Memberselect = function (memberName) { 
if (typeof memberName == 'string') { 

if (memberName == 'a') I 
var cursor = { 1: { name: 'a', price: 100, numt 

} else { 
var cursor = null; 


j 
) else I 


var cursor = null; 


} 


return cursor; 


3); 


it('price total should be 500', function () I 
var cursor - dbConn.Memberselect('a'); 
orderTest.setOrder(cursor); 
var expected - 500; 
var actual - orderTest.priceTotal(); 
assert.equal(actual, expected); 


3); 


it('price total should be 0', function () I 
var cursor - dbConn.Memberselect(null); 
orderTest.setOrder(cursor); 
var expected - 500; 
var actual - orderTest.priceTotal(); 
assert.equal(actual, expected); 

3); 

3); 








RELAT I EET SER] ESSESRBUIUBE, EEE SEDBEEKAHR, (HORMÉ 
RET. 於是 我 模 所 了 ORM 的 行为 去 避免 过 个 问题 。 


nightwatch.js 简 介 ( 整 合 测试 ) 
过 是 一 个 测试 end to end 的 好 工具 ， 她 与 Selenium 糙 合 使 其 可 以 自动 打开 browser 


做 end to end 测 试 ， 一 般 而 言 他 会 吕 在 整合 测试 中 ， 但 他 也 可 以 拿 来 做 使 用 者 测 
试 。 


使 用 时 机 


1. 当 你 想 要 重 构 某 支 程 式 ， 而 他 部 不 适合 写 unit test 

2， 答 PM 或 者 那些 不 懂 程 式 的 人 看 你 的 程式 是 如 何 运 行 的 
3. 想 要 测试 流程 时 ， 比 如 登入 行为 

4. 想 要 测试 前 端 

rå = " 

安装 nightwatch.js 


跟 mocha 一 样 ， 我 们 希望 它 可 以 可 以 在 系统 的 任何 地 方 run。 


$ npm install nightwatch 


SeleniumZz 


Selenium 需 要 java 支 援 ， 请 先 确定 你 的 PC 上 有 java 


然后 我 们 需要 下 载 Seleniumhttp://selenium- 
release.storage.googleapis.com/index.html 请 点 逮 网 址 后 下 载 最 新 版 的 


e option 


Selenium 本 身 就 内 建 支 援 firefox， 但 是 如 果 你 想 支 援 chrome 的 话 就 要 另外 下 载 
chromedriver。 请 至 
https://sites.google.com/a/chromium.org/chromedriver/downloads 下 载 最 新 版 


node-wiki-book 


nightwatch 
nightwatch. json 
libs/ 
| 一 selenium-server-standalone. jar 
| 一 chromedriver 
reports/ 
screenshots/ 
tests/ 
L— search 
L— googleSearchTest.js 


FECA SAU EA SER EL SEXT nightwatch.json: 


"src folders" : [tests"],// 你 的 测试 档案 目 销 

"output folder" : "reports", //MR=ÆRHRAR, SH BS Sk 
"custom commands path" : "", 
"custom assertions path" : "" 
"page objects path" : "", 
"glbobalsspath*s 2, 


, 


//selenium 设 定 
"selenium" : I 
"start process" : false, //Ææå Ba &lselenium 
"server path" : "",//Selenium jart Æ 
"log path" : ""V/ 输 出 Selenium 的 log 位 置 
"host" : "127.0.0.1",// 设 定 Selenium 伺服 器 IP 
"port" : 4444, // 设 定 Selenium 伺服 器 PORT 
"cli args" =: I 
"webdriver.chrome.driver" : "",//chromedriverfif 
"webdriver.ie.driver" : ""//IE eats shit 





ESRR SAER, HERA Li Anightwatch.jsB AE doc 
请 先 新 增 一 个 目录 ， 内 容 如 下 


nH 


427 


3 1 


node-wiki-book 


// 测 试 设 定 
"test settings" : I 
"default" : ( 
launehau = hbtpr/4locathost 
"selenium port" : 4444,//3x&fáSelenium 伺服 器 PORT 
"Selenium host" : "localhost",// 连 结 Selenium felB&zs4Hb 
"silent": true, 
"screenshots" : { 
"enabled" : true, // 是 否 拍照 
"on failure" : true,// 测 试 失败 时 拍照 
"on error" : false,// 指 使 错误 时 拍照 
"path" : ""// 拍 照 路 径 
}, 


/ / TRax XS) browser 
"desiredCapabilities": { 
"browserName": "firefox", // 预 设 族 动 的 browser 
"javascriptEnabled": true, 
"acceptSslCerts": true 
} 
i 


// 自 定义 browser， 之 后 使 用 nightwatch 可 能 会 用 到 
"chrome" : ( 
"desiredCapabilities": { 
"browserName": "chrome", // 预 设 族 动 的 browser 
"javascriptEnabled": true, 
"acceptSslCerts": true 


e option 


如 果 你 想 要 自动 启动 Selenium 的 话 请 更 改 你 的 nightwatch.json 为 


start process : true, 
server path : "/4RB3jE$SX/selenium-server-standalone-[(VERSION). jar" 


E E ÁMÀ]iaarl: | 


NODE TEST 138 


linux&mac: 


新 增 一 个 nightwatch 档 案 在 专案 根 目 铺底 下 ， 内 容 如 下 


#!/usr/bin/env node 
require('nightwatch/bin/runner.js'); 


把 它 设 定 为 可 执行 


$ chmod a+x nightwatch 


windows: 


新 增 一 个 nightwatch.js 档 案 在 专案 根 目录 底下 ， 内 容 如 下 


require('nightwatch/bin/runner.js'); 


用 node 先 跑 起 来 


> node nightwatch.js 


nightwatch.js 的 第 一 个 测试 


search/googleSearch.js: 


module.exports - ( 

'search google test':function(browser)( 
browser 
.url('http://www.google.com.tw') 
.waitForElementVisible('body', 1000) 
.setValue('input[type-text]', 'google') 
.keys(browser.Keys.ENTER) 


.pause(1000) 
.assert.containsText("olZrso a", "Google") 
.end( ); 
} 
} 
e option 


AT RA REIR iEXSeleniumE AAW, 85 ZEE BIST 


$ java -jar selenium-server-standalone-{VERSION}. jar 


MEAT AEA, RBI UAE SEAR ELSE : 


$ nightwatch tests/search/googleSearchTest.js 


c— er - <- -=J =e 一 ~-- 一 一 一 -- ———— 一 一 一 一 


Starting selenium server... started - PID: 8384 


u"uJg-- 


Running: search google test 
w Element «body» was visible after 120 milliseconds. 
y Testing if element <ol#rso a> contains text: "Google". 


OK. 2 assertions passed. (6.539s) 


TDD 与 BDD 的 差别 


在 TDD 的 宗旨 : 需求 即 测试 、 测 试 即 开发 ， 理 论 上 TDD 麻 该 也 可 以 让 PM 跟 SA 加 
入 。 不 然 需求 定义 不 清 的 情况 下 ， 你 也 没 办 法 使 用 TDD。 


但 是 过 里 有 一 个 问题 : TDD 大 概 只 有 工程 师 看 得 懂 (node.js 比 较 没 有 过 问题 ， 因 为 
他 底下 的 测试 工具 关乎 都 允许 你 用 BDD 模 式 开 发 )。 为 了 让 PM 跟 SA 也 能 看 懂 兹 且 


修正 需求 ，BDD 就 这样 横 空 出 世 。 


BDD 的 代言 人 :cucumber 


cucumber 原 本 是 for ruby 的 测试 工具 ， 但 是 因为 他 壬 面 的 设计 模式 十 分 不 错 ， 被 转 


pet 38S (JAVA, C#, JAVASCRIPT, PHP). (EATARRA, 


TSR RPMS ØRER. 


cucumber 的 好 不 


1. 程式 码 与 需求 分 并 ， 不 会 不 小 心 改 到 测试 程式 
2. 测试 程式 看 起 来 更 人 性 化 。 
3. 关键 字 足 级 通 用 於 各 类 需求 


cucumber 单 字 简 介 


Fr S frfasiéicucumberB's$ HEF 
e Feature: 4 m 248 
EX: 要 并 发 的 是 购物 车 那 就 会 寅 上 Feature:shoppingCar 
e Background: 
他 会 在 before 之 后 的 每 个 Scenario 开 始 以 前 执行 一 次 就 像 是 mocha 的 beforeEach 
e。Scenario: 功 能 名 称 
EX: 将 商品 放 和 购物 车 那 就 会 写 上 Scenario:put item in shoppingCar 
e Given: 带 入 参数 


e When: 运 算得 到 和 结果 


—L— 


e Then: 比 对 结果 跟 预 期 的 是 否 一 样 。 


cucumber.js 安装 
跟 mocha 一 样 ， 我 们 希望 它 可 以 可 以 在 系统 的 任何 地 方 run。 


$ npm install -g cucumber 


cucumber example 


我 们 要 做 一 个 shopingCar。 
建立 一 个 目 钞 如 下 
features/ 


| step definitions 
| L— shoppingCarStep.js 


I— support 

| I— hook.js 

| 上 -一 world.js 

L— shoppingCar.feature 
lib/ 


L— shoppingcar.js 
package. json 


DAE AB SKÉENT 


e features: 是 所 你 的 测试 案例 
e lib: 是 所 你 要 测试 的 module 
e step definitions: & TERI aa ER 
e。support: 据 测试 前 后 要 做 的 程式 


遵循 TDD 的 原则 一 次 只 写 一 个 测试 ， 打 开 features/shoppingCarfeature， 撰 写 内 容 
如 下 : 


Feature: shoppingCar 


Scenario: calculate apple price 
Given the item "apple" 
And the numbers "4" 
When the calculator is run 
Then the output should be "200" 


features/step definitions/shoppingCarStep.js: 


fs 
* calculate step 
S 


module.exports = function() { 
var self = this; 


this.Given('the item "$itemName"', function(itemName, callback: 
self.itemName - itemName; 
callback(); 


}); 


this.Given('the numbers "$numbers"', function(numbers, callbac! 
self.numbers - numbers; 
callback(); 


3); 


this.When(/Athe calculator is run$/, function(callback) { 
self.result - self.calculator.priceCal(self.itemName, self. 
callback(); 


3): 


this.Then('the output should be "$output"', function(output, cz 
self.assert.equal(self.result,output); 
callback(); 


3); 








RART, FÅ DREIES B SRS F 


$ cucumber.js features/shoppingCar.feature 


Feature: shoppingCar 


Scenario: calculate apple price # features/shoppingCar.feature:3 
Given the item "apple" # features/shoppingCar.feature:4 
And the numbers "4" # features/shoppingCar.feature:5 
When the calculator is run # features/shoppingCar.feature:6 


TypeError: Cannot read property 'priceCal' of undefined 
at World.«anonymous» (/Users/Yun/github nodejs/node-wiki-gitbook/src/n 
ode test/cucumber/features/step definitions/shoppingCarStep.js:19:38) 
Then the output should be "200" # features/shoppingCar.feature:7 


Failing scenarios: 
features/shoppingCar.feature:3 # Scenario: calculate apple price 


1 scenario (1 failed) 


4 steps (1 failed, 1 skipped, 2 passed) 
0m00.004s 


ABRAM, HANNES BERRE. 
在 撰 富 程式 前 ， 我 们 注意 到 需求 里 逆 没 有 答 我 们 价钱 ， 


在 实际 工作 上 你 应 当 要 询问 每 个 壮 果 的 价钱 是 否 是 一 样 的 ， 不 过 过 实 我 们 当 作 每 颖 
萝 果 的 价钱 是 一 样 的 。 


Bü 


lib/shoppingCar.js: 
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VEE 
* @function 
* simple shoppingCar 
7 
var shoppingCar = module.exports = function () { 
var fruitPrice = { apple: 50 }; 


JP 883 

* simple calculate implementation 

* @param String name an fruit's name 

* @param int numbers how many fruit 

* @return int totalPrice 

Eo 

this.priceCal - function (name, numbers) ( 
return fruitPrice[name] * numbers; 


e 


features/support/world.js 


[fers 
* @function 
* 
* world is a constructor function 
* with utility properties, 
* destined to be used in step definitions 
kar å 
var cwd = process.cwd(); 
var path = require('path'); 


var Calculator = require(path.join(cwd, 'lib', 'shoppingCar')); 


module.exports - function() ( 
this.calculator - new Calculator(); 
this.assert - require('assert'); 
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Feature: shoppingCar 


Scenario: calculate apple price 
Given the item "apple" 
And the numbers "4" 
When the calculator is run 
Then the output should be "200" 


1 scenario (1 passed) 
4 steps (4 passed) 
0m00.003s 


此 时 我 们 增加 了 第 二 个 需求 。 


Scenario: 
Given the item "orange" 

ngn 

when the calculator is run 


And the numbers 


# features/shoppingCar. feature: 
# features/shoppingCar. feature: 
# features/shoppingCar. feature: 
# features/shoppingCar. feature: 
# features/shoppingCar. feature: 


NOURA UW 


calculate orange price 


Then the output should be "120" 


% forange, ÉMEERE 


ER "Y 
修改 lib/shoppingCar.js: 
var fruitPrice = { apple: 50, 
Feature: shoppingCar —— 
Scenario: calculate apple price 


Given the item "apple" 
And the numbers "4" 
When the calculator is run 


Then the output should be "200" # features/shoppingCar.feature: 


Scenario: calculate orange price 
Given the item "orange" 
And the numbers "3" 
When the calculator is run 


Then the output should be "120" 


2 scenarios (2 passed) 
8 steps (8 passed) 
0m00.004s 


orange: 


高 价钱 ， 所 以 我 们 假定 他 一 颗 40 元 


40 Y; 


TT 一 一 一 一 … 一 一 - - 一 


# features/shoppingCar.feature: 
# features/shoppingCar. feature: 
# features/shoppingCar. feature: 
# features/shoppingCar. feature: 


SOU RSW 


features/shoppingCar.feature:9 

features/shoppingCar.feature:10 
features/shoppingCar.feature: 
features/shoppingCar.feature: 


# 
# 
# 
# 
# features/shoppingCar. feature: 


7A asl ERA E AIRETA 


NODE_T 


. 不 要 为 了 测试 而 测试 

. 不 要 强求 测试 履 著 率 

.只 针对 重要 部 分 做 测试 ， 你 是 来 做 产品 的 不 是 来 高 测试 的 (除非 你 是 QA) 
， 应 从 单元 测试 一 路 往 上 做 到 使 用 者 测试 


A O N > 


ERA 

i'n an 

路 然 大 部 分 的 时 候 你 都 没 时 间 寅 测试 ， 但 是 先 高 测试 在 除 错 的 时 候 才 会 快 ， 相 形 之 
下 你 节省 时 间 更 多 ， 而 且 才 能 更 快 确定 是 哪个 模 组 出 错 。 

好 测试 ， 不 鼓 吗 ? 


BeAr 


e mocha.js:https://mochajs.org 

e nightwatch.js:http://nightwatchjs.org 

e RIP tdd:https://www.facebook.com/notes/kent-beck/rip-tdd/750840194948847 
e cucumber wiki:https://github.com/cucumber/cucumber/wiki 

e cucumber ;js:https://github.com/cucumber/cucumber-js 


党 你 把 程式 写 好 速 端 部 署 在 VPS 上 ， 就 会 磁 到 一 个 问题 : me EET PENE 
行 ?你 会 发 现 当 你 关 掉 vps 的 趟 端 连 和 线 和 后 程式 就 插 了 。 你 需要 pm2， 不 要 再 用 
forever。 


cia H+ 
安装 pm2 
安装 pm2 


$ npm install pm2 -g 


3, VG GE nn 
EH T— app 
$ pm2 start yourapp.js 


Date BD RRS S eine Rh hh S RHEE ES 
e option 


如 果 你 想 要 更 新 code 和 后 会 自动 restart 的 话 ， 请 使 用 


$ pm2 start yourapp.js --watch 
他 会 监 看 该 程式 底下 的 所 有 目录 ， 如 果 有 更 新 会 立即 restart。 


Ae tat D TER EE (ER DEI Ex) 


javascript SH EERIE, WRESREDAE acode, HaxXniEME, A 
pm2 可 以 才 我 们 解决 过 个 问题 。 


$ pm2 start yourapp.js -i 3 


过 样 就 会 直接 族 动 三 个 yourapp.js。 


i 


e 注意 
因为 是 多 缚 程 ， 请 保证 你 的 session 改 用 redis。 
当然 效果 跟 多 开 yourapp.js 是 相似 的 


BB 


FRE T FR ENE me vps Hgt RE ? pm2 可 以 给 你 十 分 良好 的 部 署 体 验 。 
TER BA EE SES EL FRK FAT — llülecosystem.json 


{ 
1apps“: i] 
{ 
"name": "scriptname",//pm218 88 mAAR] AE 
"Script": "start.js"//BREAGH] siå 
) 
l; 
"deploy": ( 
*produetion': 1 
"key": "yousshKey",//ssh key fåpmæimetrvpsåta FH 
"User": "youraccount", / / Xam e A Bl sp 
"host": "212.83.163.1", / GER EEARB'JIP 
"ref": "origin/master",// 使 用 哪个 git branch 
"repo": "git@github.com:repo.git", //git #8 
"path": "/var/www/production", //3 E S 
"post-deploy": "sudo npm install && sudo pm2 startOrRestart t 
) 
} 
} 





Å Fsetupfa 4 8B Hø 


$ pm2 deploy ecosystem.json production setup 


之 后 再 部 署 code 


$ pm2 deploy ecosystem.json production 


他 就 会 自动 安装 ndoe_module 跟 运行 Code， 之 和 合 如 果 要 更 新 code 只 需 运 行 


$ pm2 deploy ecosystem.json production 


重 开 机 


有 的 时 候 你 需要 将 server 重 并 ， 但 是 你 不 想 要 一 个 一 个 将 pm2 的 程式 start， 你 可 以 
下 以 下 指令 : 
过 会 建立 pm2 的 开机 程式 

$ pm2 startup 


过 会 储存 pm2 现 在 运行 了 哪些 程式 ， 供 下 次 开机 执行 


$ pm2 save 


你 可 以 放心 重 开 机 了 。 


fad 


pm2iE aZ Ef, Lows EROS Biri, reload. 38 ERBS A n] ELSE ES NS 
研究 一 下 。 


BeAr 
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e pm2:http://pm2.keymetrics.io 
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FH Express 和 MongoDB %—1å todo 
list (node 有 版 本 :4.1.1) 


彝 习 一 种 语言 或 是 framework 最 快 的 入 门 方式 就 是 富 一 个 todo list 了 . 他 包含 了 基 
本 的 C.R.U.D. ( 3528, 读 取 , 更 新 , 删除 ). 过 篇 文章 将 用 Node js 18 55886 FH B 
framework Express 架构 application 和 MongoDB 来 储存 资料 . 


Ly Tus 
RIAN 
https://github.com/y2468101216/node-wiki-gitbook/tree/master/src/todo list 
Ab 
功能 


e 使 用 facebook 登入 , 用 session 来 辨别 每 一 问 使 用 者 
e 可 以 新 增 , 读 取 , 更 新 , 删除 待 办 事项 (todo item ) 


开发 环境 


开发 环境 开始 之 前 请 确定 你 已 经 安装 了 Node.js, Express 和 MongoDB, 如 果 没 有 
可 以 参考 本 电子 书 . 


Node.js 套件 


本 次 我 们 将 使 用 Node.js, Express, MongoDB, express-generator, ejs 来 开发 


用 Express 的 command line 工具 才 我 们 生成 一 个 project 雏形 预 设 的 template 
engine 是 jade, 在 过 壬 我 们 改 用 比较 平易 近 人 的 ejs. 


$ express todo list -e --git 


(R3&FBH Mac fåRF ES FRE $42 UK. .gitignore， 在 最 和 后 一 行 加 入 


#mac style file 
.DS Store 


Welcome to Express 


Bd Ek express server 然后 打开 浏览 器 浏览 127.0.0.1:3000 ME AFIM ES GE. 


$ DEBUG-todo list npm start 


Express 


Welcome to Express 


Project 档案 结构 


todo list 


node modules 
|-- body-parser // 负 责 处 理 post 传 回来 的 资料 
|-- cookie-parser // 上 处理 cookie 
|-- debug 
|-- ejs //view engine 
|-- express //web server 
|-- mongodb //db server 
|-- morgan //Éd$Xhttp request log 
~-- serve-favicon //db server 
public 
|-- images 
|-- javascripts 
~-- stylesheets 
|-- style.css 


routes 
~-- index.js 


views 

|-- index.ejs 
`-- error.ejs 
.gitignore 


app.js 


package. json 


e bin - ÆRE 

e node modules - 包含 所 有 project 相关 套件 . 
e public - 包含 所 有 静态 档案 . 

e routes - 路 由 档 . 


un 


e views - &lZ action views, partials Æ layouts. 
e app.js - 包含 设 定 , middlewares, 和 routes 的 分 配 . 
e package.json - 相关 套件 的 设 定 档 . 


安装 mongoDB 


打开 package.json, f£ dependencies 插入 两 行 


"name": "todo list", 
«version ODDO 
"private": true, 
SSCHIDUSS T 
"start": "node ./bin/www" 
ty 
"dependencies": ( 
"body-parser": "~1.13.2", 
"cookie-parser": "1.3.5" 
dip ue 252.200". 
"ast. We dg gu. 
"express": 4.15.1" 
smorgan": "1161" 
"serve-favicon": "-2.3.0", 
"mondgodb 7-2 9:9 


然后 npm 会 自动 读 取 package json 


npm install 


HE E S mongoDB 装 好 了 


安装 测试 工具 -mocha 


我 们 是 好 孩子 ， 所 以 要 寅 unittest, MAINE NODE TEST 18 


$ npm install -g mocha 


MongoDB CRUD 


我 们 需要 先 写 CRUD 的 测试 
新 增 一 个 test E fk ir I — 8 dbCRUDTest.js 的 档案 ， 程 式 码 如 下 : 


var dbConnect = require('../bin/dbConnect.js'); 
var dbConnectTest - new dbConnect(); 

var crud = require('../bin/dbCRUD.js'); 

var crudTest = new crud(); 

var assert = require('assert'); 


describe('dbTest', function () { 
before('create Test Collection', function (done) { 
console.log('createTestCollection' ); 
dbConnectTest.connect(function (db) { 
db.createCollection('event', function (err, results) { 
db.close(); 
assert.equal(null, err); 
done(); 
3); 
3); 
3); 


it('connect Should Be Success', function (done) I 
dbConnectTest.connect(function (db) ( 
db.admin().serverInfo(function (err, results) ( 
db.close(); 
assert.equal(null, err); 
done(); 
3); 
3); 


3): 


it('insert Should Be Success', function (done) { 
dbConnectTest.connect(function (db) { 
crudTest.insert({ userId: '1234', event: 'test' }, db, 
db.close(); 
if (err) throw err; 
done( ); 
3): 
+); 
3): 


it('select Should Not Be 0', function (done) { 
dbConnectTest.connect(function (db) ( 
crudTest.select(null, db, function (cursor) { 
cursor.count(function (err, count) ( 

db.close(); 
assert.equal(null, err); 
assert.notEqual(count, 9); 
done(); 


3) 


3); 
3): 
3); 


it('update Should Be Success. But Update Nothing', function (dt 
dbConnectTest.connect(function (db) ( 
crudTest.update(( id: 1, event: 'test2', userId: '123: 
db.close(); 
assert.equal(null, err); 
assert.equal(0,results.modifiedCount) 
done(); 
3); 
3); 
3); 


it('delete Should Be Success. But Delete Nothing', function (dc 
dbConnectTest.connect(function (db) ( 
crudTest.delete(( id: 1, userId: '1234' }, db, functic 


db.close(); 
assert.equal(null, err); 
assert.equal(9,results.deletedCount ) 
done(); 
3): 
3): 
3): 


after('drop Test Collection', function (done) { 
console.log('dropTestCollection'); 
dbConnectTest.connect(function (db) ( 
db.dropCollection('event', function (err, results) { 
db.close(); 
assert.equal(null, err); 
done(); 
3); 
3); 





做 测试 之 前 我 们 需要 先 把 mongodb 打开 


在 Ubuntu 上 MongoDB 开机 和 合 便 会 自动 开放 . 在 Mac 上 你 需要 手动 输入 下 面 的 指 


A 
T. 


$ mongod 


在 bin/ 下 新 增 一 个 档案 叫做 dbConnect.js 来 设 定 MongoDB 


jee 
* Name:dbConnect.js 
* Purpose:connect mongodb 
* Author: Yun 
* Version:1.0 
* Update:2015-10-15 
i 


module.exports = function () { 
var MongoClient = require('mongodb').MongoClient;//mongodb cli: 
var url - 'mongodb://localhost:27017/todo list test';// mongodl 


this.connect = function (callback) { 
MongoClient.connect(url, function (err, db) ( 


if (err) { 
throw err; 
) else { 
callback(db); 
} 





在 bin! 下 新 增 一 个 档案 叫做 dbCRUD js, i348 todo list 读 写 资料 康 用 的 。 


VET 
* Name :dbCRUD.js 
* Purpose:todo list CRUD 
* Author:Yun 
* Version:1.0 
* Update:2015-10-15 
i 


module.exports = function () I 


进行 第 一 次 测试 ， 请 切换 到 todo list 目 钞 底下 ， 执 行 以 下 指 倒 


$ mocha test/dbCRUDTest.js 
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dbTest 
4 connect (7Øms) 
1) select 
2) insert 
3) update 
4) delete 


1 passing (263ms) 
4 failing 


1) dbTest select: 
Uncaught TypeError: crudTest.select is not a function 
at test/dbCRUDTest.js:19:13 
at bin/dbConnect.js:18:5 
at node modules/mongodb/lib/mongo client.js:453:11 


2) dbTest insert: 
Uncaught TypeError: crudTest.insert is not a function 
at test/dbCRUDTest.js:29:13 
at bin/dbConnect.js:18:5 
at node modules/mongodb/lib/mongo client.js:453:11 


3) dbTest update: 
Uncaught TypeError: crudTest.update is not a function 
at test/dbCRUDTest.js:39:13 
at bin/dbConnect.js:18:5 
at node modules/mongodb/lib/mongo client.js:453:11 


4) dbTest delete: 
Uncaught TypeError: crudTest.delete is not a function 
at test/dbCRUDTest.js:49:19 
at bin/dbConnect.js:18:5 
at node modules/mongodb/Llib/mongo client.js:453:11 


如 上 图 所 示 ， 你 可 以 注意 到 内 然 connect JAS, (B 是 CRUD 2438, RAR FE 
未 定义 dbCRUD js 的 function， 让 我 们 把 洞 补 起 来 。 


修改 dbCRUD.js 如 下 
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/** 
* Name:dbCRUD. js 
* Purpose:todo list CRUD 
* Author: Yun 
* Version:1.0 
* Update:2015-10-15 
v 


module.exports = function () I 


this.select = function (findCondition, db, callback) { 
var cursor - db.collection('event').find(findCondition); 
callback(cursor); 


this.insert = function (insertObject, db, callback) ( 
db.collection('event').insertOne({event:insertObject.event, 
callback(err, results); 


3): 


this.update = function (updateObject, db, callback) ( 
var ObjectID = require('mongodb').ObjectID 
var id = new ObjectID(updateObject.id); 
db.collection('event').updateOne(f id:id, userId:updateObje 
callback(err, results); 


3); 


this.delete = function (deleteObject, db, callback) { 
var ObjectID = require('mongodb').ObjectID 
var id - new ObjectID(deleteObject.id); 
db.collection('event').deleteOne(( id:id, userId:deleteObj: 
callback(err, results); 


3): 








执行 第 二 次 测试 如 下 


$ mocha test/dbCRUDTest.js 


dbTest 

4 connect (72ms) 
select (41ms) 
insert (46ms) 
update (44ms) 
delete (45ms) 


" o 24 7 


5 passing (261ms) 


过 次 就 全 数 通 过 了 。 
e fat 
过 个 测试 ， 有 两 个 不 好 的 地 方 。 


1. connect 跟 所 有 相依 在 一 起 了 
2. insert 跟 select 相依 在 一 起 了 


理论 上 应 该 要 新 增 一 个 假 的 db instance 去 做 测试 ， 但 是 因为 作者 懒惰 的 关 傈 ， 所 
DRIER. 


修改 index.js 使 他 可 以 查询 
我 们 需要 调整 indexjs， 让 他 可 以 带 坦 询 的 结果 


index.js 修改 程式 码 如 下 : 


VET 
* Name:index.js 
* Purpose:show index.html 
* Author:Yun 
* Version:1.0 
* Update:2015-10-20 


var express = require('express'); 
var router = express.Router(); 


var dbConnect = require('../bin/dbConnect.js'); 
var dbConn - new dbConnect(); 


var dbCRUD - require('../bin/dbCRUD.js'); 
var dbCRUDMethod - new dbCRUD(); 


/* GET home page. */ 
router.get('/', function (req, res, next) ( 
dbConn.connect(function (db) I 
dbCRUDMethod.select(null, db, function (cursor) ( 
var data - []; 
cursor.forEach(function(result)( 
data.push(result); 
db.close(); 
}, function(err)( 
if(err) throw err; 
res.render('index', ( title: 'Express', cursor: data 3); 


}); 


3); 
>); 


3); 


module.exports - router; 


修改 index.ejs 如 下 : 


<!DOCTYPE html» 
«html» 
«head» 
<title><%= title %></title> 


«link rel='stylesheet' href='/stylesheets/style.css' /> 
</head> 
<body> 
<h1><%= title %></h1> 
<p>Welcome to <%= title %></p> 
<ul> 
<% cursor.forEach(function(data)( %> 
<%= data.event %> 
<% )); %> 
</ul> 
</body> 
</html> 


DEBUG=todo list npm start 


连 http:/Wlocalhost:3000/ 即 可 看 到 成 果 








Express 


Welcome to Express 


过 时 还 没 任 何 显 示 任 何 资料 ， 因 为 资料 库 壬 尚未 储存 任何 资料 。 


修改 todo_list 使 其 有 新 增 功能 


<!DOCTYPE html» 
«html» 


«head» 
«title» 
<%= title %> 
</title> 
«link rel='stylesheet' href='/stylesheets/style.css' /> 
</head> 


<body> 
<p>Welcome to <%= title %></p> 
<form method="post" action="insert"> 
<input type="text" value="" placeholder="MAK#SIA" /> 
«button type="submit" value=""> 送 出 </button> 
</form> 
«ul» 
<% cursor.forEach(function(data)( %> 
<%= data.event %> 
<% )); %> 
</ul> 
</body> 


«/html» 


app.js: 


var express = require('express'); 

var path = require('path'); 

var favicon = require('serve-favicon' ); 

var logger = require('morgan'); 

var cookieParser = require('cookie-parser'); 
var bodyParser = require('body-parser'); 


le-wiki-book 


var routes = require('./routes/index'); 
var users = require('./routes/users'); 


var app = express(); 
// view engine setup 
app.set('views', path.join(__dirname, 'views')); 


app.set( "view engine', 'ejs'); 


// uncomment after placing your favicon in /public 


//app.use(favicon(path.join(__dirname, 'public', 'favicon.ico'))); 


app.use(logger('dev')); 

app.use(bodyParser.json( )); 
app.use(bodyParser.urlencoded(( extended: false })); 
app.use(cookieParser()); 
app.use(express.static(path.join( dirname, 'public'))); 


app.use('/', routes); 
app.use('/users', users); 
app.use('/control/:method', control); 


// catch 404 and forward to error handler 
app.use(function(req, res, next) ( 
var err - new Error('Not Found'); 
err.status - 404; 
next(err); 


3); 


// error handlers 


// development error handler 
// will print stacktrace 
if (app.get('env') === 'development') { 
app.use(function(err, req, res, next) ( 
res.status(err.status || 500); 
res.render('error', ( 
message: err.message, 
error: err 
3); 
3); 


// production error handler 
// no stacktraces leaked to user 
app.use(function(err, req, res, next) { 
res.status(err.status || 500); 
res.render('error', ( 
message: err.message, 
error: {} 
3); 
3); 


module.exports - app; 
I 


新 增 一 个 control.js 档 案 在 routes 底 下 


VET 
* Name:control.js 
* Purpose:update insert delete todo list 
* Author:Yun 
* Version: 1.0 
* Update:2015-10-21 
er 


var express = require('express'); 
var router = express.Router(); 


/* insert home page. */ 

router.post('/', function (req, res, next) { 
var Db = require('../bin/DbConnect.js'); 
var dbConn = new Db(); 
var dbCRUD = require('../bin/dbCRUD.js'); 
var dbCRUDControl = new dbCRUD(); 
dbConn.connect(function (db) I 

switch (req.query.method) { 
case 'insert': 


dbCRUDControl.insert({ event: req.body.event, userId: 


if (err) throw err; 
db.close(); 
res.redirect('/'); 


3); 
break; 
default: 
res.redirect('/'); 
break; 
J 
3); 


1); 


module.exports - router; 


1234 





DEBUG-todo list npm start 


XŒ http://localhost:3000/ 即 可 看 到 成 果 


Welcome to Express 
送出 


aaaaaa bbbbbb cccc ddddd 


完成 修改 、 删 除 功能 。 


index.ejs: 


<!DOCTYPE html» 
«html» 


«head» 
<title> 
<%= title %> 
</title> 
«link rel-'stylesheet' href='/stylesheets/style.css' /> 
<!-- Latest compiled and minified CSS --> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/boot 


<!-- Optional theme --> 
«link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/boot 


<!-- Latest jquery --> 


«script src="https://code.jquery.com/jquery-2.1.4.min.js"></scrif 


«!-- Latest compiled and minified JavaScript --> 

«script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/t 
«/head» 
«body» 


«div class="row"> 
<p>Welcome to 
<%= title %> 
</p> 
</div> 
<div class="row"> 
«form method="post" action="control?method=insert" class="form: 
<input type="text" name="event" value="" placeholder=" 请 输入 代 
«button type="submit" class="btn btn-primary" value=""> 送 出 </ 
</form> 
</div> 
<div class="row"> 
<table class="table"> 
<thead> 
<tr> 
<td> 待 办 事项 </td> 
<td> 功 能 </td> 
</tr> 
</thead> 
<tbody 
<% cursor.forEach(function(data){ %> 
<tr> 
<td> 
<%= data.event %> 
</td> 
<td> 
«button type="button" class="btn btn-default" onclick=' 
«button type="button" class="btn btn-default" onclick=' 
</td> 
</tr> 
<% }); %> 
</tbody> 
</table> 


«/div» 


«!-- modal for update --> 
«div class="modal fade" id="updateModal"> 
«div class="modal-dialog"> 
«div class="modal-content"> 
«div class="modal-header"> 
«button type="button" class="close" data-dismiss="modal" 
<h4 class="modal-tit1le"> 修 改 代办 事项 </h4> 
«/div» 
«form method="post" action="control?method=update"> 
<div class="modal-body"> 


<input type="text" value="" name="updateImportEventTexi 
<input type="hidden" value="" name="updateImportEventIc 
</div> 


<div class="modal-footer"> 
<button type="button" class="btn btn-default" data-disr 
<button type="submit" class="btn btn-warning">Save</but 
</div> 
</form> 
</div> 
«!-- /.modal-content --> 
«/div» 
«!-- /.modal-dialog --> 
«/div» 
«!-- /.modal --> 


«!-- modal for delete --> 
«div class="modal fade" id="deleteModal"> 
<div class="modal-dialog"> 
<div class="modal-content"> 
<div class="modal-header"> 
<button type="button" class="close" data-dismiss="modal" 
<h4 class="modal-title"> 人 删除 代 闪 事项 </h4> 
</div> 
«form method="post" action="control?method=delete"> 
«div class="modal-body"> 
<label> 是 否 删 除 </1labe1l> 
<input type="hidden" value="" name="deleteImportEventiIc 
</div> 


«div class="modal-footer"> 
«button type="button" class="btn btn-default" data-disr 
«button type="submit" class="btn btn-warning">Æ</buttc 
</div> 
</form> 
</div> 
«!-- /.modal-content --> 
«/div» 
«!-- /.modal-dialog --> 
«/div» 
«!-- /.modal --> 
</body> 


<script> 
function showModal(event, id, method)( 
switch (method)( 

case 'update': 
$( 'HupdateImportEventId').val(id); 
$('#updateImportEventText').val(event); 
$('#updateModal').modal('show' ); 
break; 
case 'delete': 
$( 'HdeleteImportEventId').val(id); 
$('#deleteModal').modal('show' ); 
break; 


</script> 


</html> 
| 





control.js: 


* Version:1.0 
* Update:2015-10-21 
^, 


var express - require('express'); 
var router - express.Router(); 


/* insert home page. */ 
router.post('/', function (req, res, next) I 
var Db = require('../bin/DbConnect.js'); 
var dbConn - new Db(); 
var dbCRUD - require('../bin/dbCRUD.js'); 
var dbCRUDControl = new dbCRUD(); 
dbConn.connect(function (db) I 
switch (req.query.method) { 
case 'insert': 
dbCRUDControl.insert(( event: req.body.event, userId: 1234 
if (err) throw err; 
db.close(); 
res.redirect('/'); 
3); 
break; 
case 'update': 
dbCRUDControl.update(( event: req.body.updateImportEventTe> 
if (err) throw err; 
db.close(); 
res.redirect('/'); 
3); 
break; 
case 'delete': 
dbCRUDControl.delete(( id: req.body.deleteImportEventId, us 
if (err) throw err; 
db.close(); 
res.redirect('/'); 
3); 
break; 
default: 
res.redirect('/'); 
break; 


T) 
3); 


module.exports - router; 





‘| 
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你 可 以 试 著 运 行 看 看 结果 如 何 。 


Welcome to Express 


待 办 事项 功能 
修改 ”人 删除 


aaaaaacccc 


bobbyb 修改 FA 


=o 
passport.js 安装 
你 可 以 注意 到 我 们 的 userid HÆR ILN, SRKEAEBAIERE, MGS RIE 
用 passport.js 做 facebook SA, 


修改 package.json: 


enlm ar br aa 
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"name": "todo List", 
«version POLO OT, 
"private": true, 
SSeripks E 


"start": "node ./bin/www" 


ty 


"dependencies": { 


*body-parser": "113.277. 
"cookie-parser": "-1.3:5", 


2debuque 2 2:95 
ves"! 52.3997 


"express": "4.13.1". 


morgan AGA 


vserve-favicon". "2.39.9 


“mondo dbhi 220020", 


"cookie-session":"~2.0.0", 


{passport a. cem 


"passport-facebook":"2.0.0" 


passport 需要 session 储存 使 用 者 资讯， 


充 模 组 以 支援 facebook 登入 


执行 : 


$ npm install 


e facebook APP 申请 


iE 42 5531€ cookie-session, 


SED - 


Je nn 


Seg 


登入 https://developers.facebook.com, Ån LJ BJ My apps->Add a New 


App 


TARA ICT 
|U D Uy LID 





Start Over Skip and Create App ID 


WWW 


Quick Start for Website 





Create New Facebook App ID 


todo list test 





Create a New App ID 
Create test App? 


& Is this a test version of another app? RREZ ° 


By proceeding, you agree to the Facebook Platform Policies 取消 Bec c5 


Tell us about your website 
Site URL 


localhost:3000 


Next 


Bij Settings, WF) LAB Advanced 分 页 。 


todo_list_test Y Basic Advanced Migrations 
G) Dashboard T Native or desktop app? 

3* Settings 

* Status & Review Deauthorize Callback URL 


pit 


% App Details 


往 下 寻找 Valid OAuth redirect URIs, 24E 
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Valid OAuth redirect URIs 





| http://localhost:3000/auth/facebook/callback ~= 





Login from Devices 
Enables the OAuth client login flow for 
devices like a smart TV [?] 


拉 到 最 下 按 save 就 完成 了 。 
e [fist 


QO FR RAS S£ pe fa Hi th NEMNE DÆ FP IBID ES FEE E TC SER 


todo list test Y Basic Advanced Migrations 
G) Dashboard 应 用 程式 ID FFB te Bia 
733871890077785 eeeeeeee 显示 
Å RE 
Display Name Namespace 
* Status & Review todo list test 


i am 
& App Details App Domains 电子 邮件 


Used for important communication about your ap 


96 Ralac 


status & Review 中 的 status £3 No f EL ÉfEX Yes 


todo list test v Status Items in Review 


© Dashboard 


todo_list_test o 


Do you want to make this app and all its live features available 
to the general public? 


Å Settings 
NO 


* Status & Review 





$ App Details 


& Roles Submit Items for Approval 


^4 Open Graph Some Facebook integrations require approval before public Start a Submission 
usage. Before submitting your app for review, please consult our 


Platform Policy and Review Guidelines. 
Å Alerts 


app.js: 


var express - require('express'); 

var path - require('path'); 

var favicon - require('serve-favicon'); 

var logger - require('morgan'); 

var cookieParser - require('cookie-parser'); 
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var bodyParser = require('body-parser'); 
var cookieSession - require('cookie-session'); 


//facebbok login 
var passport - require('passport'); 
var FacebookStrategy = require('passport-facebook').Strategy 


var FACEBOOK APP ID - "--insert-facebook-app-id-here--" 
var FACEBOOK APP SECRET = "--insert-facebook-app-secret-here- -"; 


// Passport session setup. 
// To support persistent login sessions, Passport needs to be ab. 
YA serialize users into and deserialize users out of the session 
M this will be as simple as storing the user ID when serializint 
Vas the user by ID when deserializing. However, since this examp: 
// have a database of user records, the complete Facebook profil: 
// and deserialized. 
passport.serializeUser(function (user, done) { 

done(null, user); 


}); 


passport.deserializeUser(function (obj, done) { 
done(null, obj); 
+); 


// Use the FacebookStrategy within Passport. 
7 Strategies in Passport require a verify function, which acc: 
YY credentials (in this case, an accessToken, refreshToken, and ! 
// profile), and invoke a callback with a user object. 
passport.use(new FacebookStrategy({ 
clientID: FACEBOOK APP ID, 
clientSecret: FACEBOOK APP SECRET, 
callbackURL: "http://localhost:3000/auth/facebook/callback" 
i 
function (accessToken, refreshToken, profile, done) I 
// asynchronous verification, for effect... 
process.nextTick(function () I 


// To keep the example simple, the user's Facebook profile i: 
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// represent the logged-in user. In a typical application, | 
// to associate the Facebook account with a user record in yc 
// and return that user instead. 

return done(null, profile); 


3); 


)); 


var routes = require('./routes/index'); 
var users = require('./routes/users'); 
var control = require('./routes/control'); 


var app = express(); 


// view engine setup 
app.set('views', path. join(__dirname, 'views')); 
app.set('view engine', 'ejs'); 


// uncomment after placing your favicon in /public 
//app.use(favicon(path.join(  dirname, 'public', 'favicon.ico'))); 
app.use(logger('dev')); 

app.use(bodyParser.json( )); 

app.use(bodyParser.urlencoded(( extended: false })); 
app.use(cookieParser()); 

app.use(cookieSession({ secret: 'I am your FATHER' })); 
app.use(express.static(path.join(__dirname, 'public'))); 
app.use(passport.initialize()); 

app.use(passport.session()); 


app.use('/', routes); 
app.use('/users', users); 
app.use('/control', control); 


// GET /auth/facebook 
app.get('/auth/facebook', 
passport.authenticate('facebook'), 
function (req, res) { 
// The request will be redirected to Facebook for authenticatic 
// function will not be called. 
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>); 


// GET /auth/facebook/callback 
app.get('/auth/facebook/callback', 
passport.authenticate('facebook', { failureRedirect: '/' }), 
function (req, res) ( 
res.redirect('/'); 


I); 


app.get('/logout', function (req, res) I 
req.logout(); 
res.redirect('/'); 


3); 


// catch 404 and forward to error handler 
app.use(function (req, res, next) ( 
var err = new Error('Not Found! ); 
err.status - 404; 
next(err); 


3); 


// error handlers 


// development error handler 
// will print stacktrace 
if (app.get('env') === 'development') { 
app.use(function (err, req, res, next) I 
res.status(err.status || 500); 
res.render('error', ( 
message: err.message, 
error: err 
3); 
3); 


// production error handler 

// no stacktraces leaked to user 

app.use(function (err, req, res, next) ( 
res.status(err.status || 500); 
res.render('error', ( 
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message: err.message, 
error: {} 


>); 
3): 


module.exports - app; 
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index.ejs 


<!DOCTYPE html> 
«html» 


<head> 
<title> 
待 办 事项 
</title> 
«link rel-'stylesheet' href='/stylesheets/style.css' /» 
«!-- Latest compiled and minified CSS --> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/boot 


<!-- Optional theme --> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/boot 


<!-- Latest jquery --> 
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></scrir 


<!-- Latest compiled and minified JavaScript --> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/t 
</head> 


<body> 
<% if (name) { %> 
«div class="row"> 
<label>Welcome to <%= name %></label><a class="btn btn-warning 
</div> 
«div class="row"> 
<form method="post" action="control?method=insert" class="form- 
<input type="text" name="event" value="" placeholder=" 请 输入 待 
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«button type="submit" id="submit" class-"btn btn-default" va: 
«/form» 
«/div» 
<% }else{ 9 
<div class="row" id="LoginMessage"> 
<div>% AFB«/div» 
<div> 
«a class="btn btn-primary" href="/auth/facebook"> 
Facebook Login 
</a> 
</div> 
</div> 
<% } %> 
<div class="row"> 
«table class="table"> 
<thead> 
<tr> 
<td> 待 办 事项 </td> 
<td> 功 能 </td> 
Sure 
</thead> 
<tbody> 
<% if (cursor) ( %> 
<% cursor.forEach(function(data)( %> 
<tr> 
<td> 
<%= data.event %> 
«/td» 
<td> 
<button type="button" class="btn btn-default" onclick=' 
<button type="button" class="btn btn-default" onclick=' 
</td> 
</tr> 
<% )); %> 
<% } %> 
</tbody> 
</table> 
</ Ou 


«!-- modal for update --> 
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«div class="modal fade" id="updateModal"> 
<div class="modal-dialog"> 
<div class="modal-content"> 

<div class="modal-header"> 
<button type="button" class="close" data-dismiss="modal" 
<h4 class="modal-tit1le"> 修 改 代办 事项 </h4> 

«/div» 

«form method="post" action="control?method=update"> 
<div class="modal-body"> 


«input type="text" value="" name="updateImportEventTexi 
<input type="hidden" value="" name="updateImportEventI< 
</div> 


<div class="modal-footer"> 
<button type="button" class="btn btn-default" data-disr 
«button type="submit" class="btn btn-warning">Save</but 
</div> 
</form> 
</div> 
«!-- /,modal-content --> 
</div> 
«!-- /.modal-dialog --> 
</ duy 
«!-- /.modal --> 


«!-- modal for delete --> 
«div class="modal fade" id="deleteModal"> 
«div class="modal-dialog"> 
«div class="modal-content"> 
<div class="modal-header"> 
<button type="button" class="close" data-dismiss="modal" 
<h4 class="modal-title"> 人 删除 代 闪 事 项 </h4> 
«/div» 
«form method="post" action="control?method=delete"> 
<div class="modal-body"> 
<labe1> 是 否 人 删除 </labe1l> 
«input type="hidden" value="" name="deleteImportEventI: 
</div> 
<div class="modal-footer"> 
<button type="button" class="btn btn-default" data-disr 
<button type="submit" class="btn btn-warning">æ</butto 
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«/div» 
«/form» 
«/div» 
«!-- /,modal-content --> 
</div> 
<!-- /,modal-dialog --> 
</div> 
«!-- /,modal --> 
</body> 


<script> 
function showModal(event, id, method){ 
switch (method) { 

case 'update': 
$('4updateImportEventId').val(id); 
$('ZupdatelImportEventText').val(event); 
$('4updateModal').modal('show'); 
break; 
case 'delete': 
$('#deleteImportEventId').val(id); 
$('4deleteModal').modal('show'); 
break; 


«/script» 


«/html» 


| —— M G(Ü( 





index.js 


/** 
* Name:index.js 
* Purpose:show index.html 
* Author: Yun 
Version: 1:0 
* Update:2015-10-20 
aye 
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var express = require('express'); 
var router - express.Router(); 


var dbConnect = require('../bin/dbConnect.js'); 
var dbConn - new dbConnect(); 


var dbCRUD - require('../bin/dbCRUD.js'); 
var dbCRUDMethod - new dbCRUD(); 


/* GET home page. */ 
router.get('/', function (req, res) ( 
dbConn.connect(function (db) ( 
if (typeof req.user == 'undefined') { 
res.render('index', I name: false, cursor: false }); 
) else I 
dbCRUDMethod.select({userId:req.user.id}, db, function (curs 
var data - []; 
cursor.forEach(function (result) ( 
data.push(result); 
db.close(); 
Tosqunc tom ep) cr 
if (err) throw err; 
res.render('index', ( name: req.user.displayName, cursor. 


ID; 


3); 


module.exports - router; 








control.js 


VET 
* Name:control.js 
* Purpose:update insert delete todo list 
* Author:Yun 
* Version:1.0 
* Update:2015-10-21 
up 


var express - require('express'); 
var router - express.Router(); 


/* insert home page. */ 
router.post('/', function (req, res, next) I 
var Db = require('../bin/DbConnect.js'); 
var dbConn = new Db(); 
var dbCRUD - require('../bin/dbCRUD.js'); 
var dbCRUDControl - new dbCRUD(); 
if (typeof req.user != 'undefined') I 
dbConn.connect(function (db) I 
switch (req.query.method) ( 
case 'insert': 
dbCRUDControl.insert(( event: req.body.event, userId: rec 
if (err) throw err; 
db.close(); 
res.redirect('/'); 
3); 
break; 
case 'update': 
dbCRUDControl.update(( event: req.body.updateImportEvent™ 
if (err) throw err; 
db.close(); 
res.redirect('/'); 
3); 
break; 
case 'delete': 
dbCRUDControl.delete(( id: req.body.deleteImportEventId, 
if (err) throw err; 
db.close(); 


res.redirect('/'); 


3); 
break; 
default: 
res.redirect('/'); 
break; 
} 
}); 
} else { 
res.redirect('/'); 
} 
}); 


module.exports = router; 








请 先 登 入 FB 


Facebook Login 


待 办 事项 功能 
Welcome to mes =) 

# Ji 送出 

待 办 事项 功能 

acdscscsc 修改 删除 


完成 


NER, MOMBH TS Node.js 的 第 一 步 ， 鞭 迎 你 加 入 Node.js 过 个 大 社 群 。 
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e 伺服 器 放 用 HTTPS 的 教程 


APPENDIX 
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ENE 


Express 


e 使 用 Node.js + Express føl GET/POST Request 取 值 «http://fred- 


zone.blogspot.com/2012/02/nodejs-express-getpost-request.html» _ 


[ 邀 稿 中 ] 
e link2 [ 邀 稿 中 ] 
e link3 [ 邀 稿 中 ] 
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